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使用瀏覽器查看結果。