antd-token-previewer 🖥#
Help you customize theme in Ant Design.
Live Demo#
https://ant-design.github.io/antd-token-previewer/
Install#
npm i antd-token-previewer
Usage#
Ref: https://ant-design.github.io/antd-token-previewer/editor
API#
ThemeEditor#
| Property | Description | Type | Default |
|---|---|---|---|
| theme | Controlled Theme object | Theme | - |
| onThemeChange | Callback when theme changed | (theme: Theme) => void | - |
| locale | Language used in ThemeEditor | Locale | zhCN |
| actions | Actions displayed on the right of header | React.ReactNode | - |
| advanced | Advance mode | boolean | - |
| onAdvancedChange | Callback when advanced change | (advanced: booleaen) => void | - |
| children | Preview area. | ReactNode | - |
Theme#
| Property | Description | Type |
|---|---|---|
| name | Name of Theme | string |
| key | Used as key for ReactElement | string |
| config | Theme config of antd | ThemeConfig |
Development#
npm install
npm start
License#
antd-token-previewer is released under the MIT license.