fondue

火鍋設計系統由

使用@frontify/fondue

入門

歡迎來到Frontify生態系統的設計系統。

安裝

將火鍋設計系統軟件包添加為您項目的依賴性。

npm i @frontify/fondue
# or
pnpm i @frontify/fondue
# or
yarn add @frontify/fondue

查找組件

您可以在火鍋設計系統的故事書實例中瀏覽所有可用組件。本故事書包含來自火鍋Monorepo中所有子包的所有組件。每個組件將在頂部欄中有一個徽章，指示其當前的生命週期狀態。

對於設計師，該文檔可在Dewe的火鍋設計系統文檔中找到。

用法

在清理火鍋組件的過渡期間，您可以並排使用新舊組件。

這個組成部分已經重構了嗎？

如果重構組件，則將舊的實現標記為棄用。

當您消耗組件並通過故事書故事的頂部欄中的徽章時，這將在代碼中可見。

使用重構組件

如果您想使用重構組件，則已經可以通過火鍋軟件包中的/components端口導入它們。

 import { Button } from "@frontify/fondue/components" ;

const App = ( ) => < Button > Click Me </ Button > ;

使用舊組件

如果您使用的是舊組件，則可以繼續直接從@frontify/fondue軟件包導入它們。

 import { Button } from "@frontify/fondue" ;

const App = ( ) => < Button > Click Me </ Button > ; 

貢獻

請參閱有關貢獻和本地發展幫助的貢獻指南。

重要鏈接

• 故事書 - 預覽火鍋組件的故事書
• 火鍋文檔 - 火鍋設計系統的文檔
• tailwind - 火鍋中使用的公用設施首先CSS框架