Donkit 设计系统

Donkit出品的最小设计代币和回放组件. 包括产品外观数据变量=圆形和数据类型=编辑.

安装

npm install @donkit-ai/design-system

使用量

import '@donkit-ai/design-system/tokens.css';
// optional:
// import '@donkit-ai/design-system/light.css';
// import '@donkit-ai/design-system/high-contrast.css';

import { Button, Input, Card, LocaleProvider } from '@donkit-ai/design-system';

软件包内容

共享组件+品牌标志.

包括产品外皮: data-variant=round, (中文(简体) ), data-typography=editorial (烧入) tokens.css) (中文(简体) ). 原子软件包有 没有 接受这些.

字体合同

此软件包不嵌入字体二进制 . 主机装入webfonts(例如. public/fonts/),必须匹配CSS变量中的家庭.

主机还拥有产品铬(wordmark,favicon,平台 name)——而不是这个包.

字体二进制不在软件包中 。 主机装入字体 。 自动主机时的文件。 数据变量=圆形和数据类型=编辑是支持产品皮肤.

语言

Chrome字符串(关闭,装入,.)默认为英语. 通过 LocaleProvider数字 :

import { LocaleProvider } from '@donkit-ai/design-system';

<LocaleProvider strings={{ close: 'Закрыть', loading: 'Загрузка' }}>
  <App />
</LocaleProvider>

外观( 可选)

import appearance from '@donkit-ai/design-system/appearance.json';
// { brand, themes, variants, typography, density, fonts }

版本

1.4.103 双品牌出版从一个单一repo承诺。 套件内容=只适用于此品牌的表面.