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.