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.