阿姆斯特丹设计系统:反应组件

此软件包提供来自 阿姆斯特丹设计系统。 。 。 . 使用它来撰写您的网站上的页面 .

导言

这个软件包是我们内部建立的数字服务的主要切入点. 我们采用了 NL 设计系统。 。 。 .

安装

内容提到了我们 样式表, (中文(简体) ), 设计符号 资产, (中文(简体) ), 财务报告和审定财务报表 反应图标。 。 。 . 安装所有软件包 .

npm install @amsterdam/design-system-assets @amsterdam/design-system-css @amsterdam/design-system-react @amsterdam/design-system-react-icons @amsterdam/design-system-tokens

React 组件本身是无样式的. 覆盖设计符号 用不同的品牌来使用它们.

使用量

导入字体、 符号和组件的样式表 . 然后导入和使用你的JSX中的组件.

import { Paragraph } from "@amsterdam/design-system-react"

import "@amsterdam/design-system-assets/font/index.css"
import "@amsterdam/design-system-css/dist/index.css"
import "@amsterdam/design-system-tokens/dist/index.css"

const App = () => (
  <Paragraph>Hello, world!</Paragraph>
)

export default App

更新

我们遵循语义 版本并发布一个 更改日志 引导您通过更新. React组件是设计系统的公用API. TypeScript帮助检测被更改或删除的组件,道具,或道具值.

支助

如果你有问题,找到问题,或者想做贡献,请联系我们. 想办法联系我们 设计系统.amsterdam。 。 。 .