kimia UI

用尾风CSS构建的反应的UI组件3

为什么这种方法？

Tailwind CSS是用于快速构建自定义用户界面的公用事业第一CSS框架。 IL允许您在不离开HTML的情况下编写样式。

Tailwind CSS的最大缺点是有太长课程的风险将使我们的代码不够可读。

由于React是基于组件的，我们可以提取组件逻辑及其类，并将其重新使用其他地方，这将导致更可读的代码，而更多的组件和更少的类。

这就是为什么我创建了完全可自定义的UI组件集合的原因。只需复制并粘贴要使用的组件

所有组件都在软件包目录中。

每个组件包含2个子目录

• 示例：包含Typescript中每个变体的每个变体的示例

• 摘要：在平原反应中包含每个组件的每个变体的示例

？添加一个新组件

添加一个新组件：

在您的文件夹中创建您的新目录/{yourcomponentName} ，您将创建2个子文件夹和一个文件

• 示例：将在打字稿中包含组件的示例**
• 摘要：将包含平原反应中的示例，并将用作代码片段以复制
• {您的组件名称} .tsx将包含组件的逻辑

在SRC/PAGES/COMPONENTS/{您的组件名称}中创建新文件（路由）。然后，您将为组件导入所有示例和片段

浏览器支持

这些组件与所有浏览器兼容

铬合金	Firefox	边缘	野生动物园	歌剧

贡献

如果您想为项目贡献，修复错误，改善可访问性或打开问题，请遵循我们的贡献指南

首先，运行开发服务器：

npm run dev
# or
yarn dev

打开http：// localhost：3000使用浏览器查看结果。