Theme EditorTheme Editor
  • Theme Editor
  • Previewer
  • Others
⌘ K
最后更新时间：
帮助改进此文档
Copyright © 2025 | Powered by dumi
‌
‌
‌
‌

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

ThemeEditor

PropertyDescriptionTypeDefault
themeControlled Theme objectTheme-
onThemeChangeCallback when theme changed(theme: Theme) => void-
localeLanguage used in ThemeEditorLocalezhCN
actionsActions displayed on the right of headerReact.ReactNode-
advancedAdvance modeboolean-
onAdvancedChangeCallback when advanced change(advanced: booleaen) => void-
childrenPreview area.ReactNode-

Theme

PropertyDescriptionType
nameName of Themestring
keyUsed as key for ReactElementstring
configTheme config of antdThemeConfig

Development

npm install
npm start

License

antd-token-previewer is released under the MIT license.