antd-token-previewer 🖥

Help you customize theme in Ant Design.

!image

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

$3

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

$3

| 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.