UNPKG

design-token-inspector

Version:

UI components built for inspecting design tokens in a live application

github.com/aidankemp/design-token-inspector

aidankemp/design-token-inspector

18 lines (9 loc) • 706 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# design-token-inspector [![NPM Version](https://img.shields.io/npm/v/design-token-inspector)](https://www.npmjs.com/package/design-token-inspector) UI components designed for inspecting, modifying and saving design token values on a live application, built with React and Ant Design. Check it out here: [Demo](https://d1er1mod8an5qy.cloudfront.net) This package includes: - `TokenInspector`: Shows all the design tokens used in a section of the UI while hovering over it. The tokens can be modified, saved, and exported in a Style Dictionary format. ![DesignTokenInspector-demo](https://github.com/user-attachments/assets/aefc670c-e8eb-45c5-947c-88cba27351a1) ## License [MIT Licence](LICENSE.md)