我使用 Tailwind CSS 为 React 创建了一个 UI 组件集合
我使用 Tailwind CSS 构建了 React 的 UI 组件集合,其中包含 20 多个组件和 50 多个变体。
您可以直接复制并粘贴您想要使用的组件。
使用 Tailwind 的最大缺点是类太长会导致代码可读性不足。
由于 React 是基于组件的,我们可以用它的类提取组件逻辑并在其他地方重用它们,这样可以产生具有更多组件和更少类的更易读的代码。
这就是我创建这个名为Kimia-UI的集合的原因,它是完全可定制的。如果您是 Typescript 爱好者,那么完整的源代码和所有示例都是用 Typescript 编写的,因此您无需担心类型问题。
该项目对贡献持开放态度,您可以通过添加组件、改进可访问性或为新组件或想法开设新问题来做出贡献。
文章来源:https://dev.to/enochndika/i-created-a-collection-of-ui-components-for-react-built-with-tailwind-css-5451