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框架