display-element-css
Click on any storybook element to see the element's type selector, class selector, and ID selector CSS styles
Last updated 3 years ago
by amyscript888
.
MIT
·
Repository
·
Bugs
·
Original npm
·
Tarball
·
package.json
$ cnpm install display-element-css
SYNC missed versions from
official npm registry.
Display Element CSS
This storybook Addon allows users to inspect their story element's type selector, class selector, and ID selector CSS styles.
To enable the Display Element CSS addon, click on the eye icon on the toolbar.
Once enabled, click on any storybook element to see the element's type selector, class selector, and ID selector CSS styles in the panel.
To go back to seeing the story element's default click behavior, disable the Display Element CSS addon by clicking on the eye icon on the toolbar.
Development scripts
yarn startruns babel in watch mode and starts Storybookyarn buildbuild and package your addon code
Current Tags
- 0.0.7-canary.2.a4c0f19.0 ... canary (3 years ago)
- 0.0.7 ... latest (3 years ago)
8 Versions
Maintainers (1)
Downloads
Today
4
This Week
5
This Month
5
Last Day
1
Last Week
0
Last Month
0
Dependencies (1)
- react-highlight ^0.15.0
Dev Dependencies (20)
- @babel/cli ^7.12.1
- @babel/core ^7.12.3
- @babel/preset-env ^7.12.1
- @babel/preset-react ^7.12.5
- @babel/preset-typescript ^7.13.0
- @storybook/addon-essentials ^6.5.8
- @storybook/react ^6.5.8
- @types/react-highlight ^0.12.5
- auto ^10.3.0
- babel-loader ^8.1.0
- boxen ^5.0.1
- concurrently ^6.2.0
- dedent ^0.7.0
- prettier ^2.3.1
- prop-types ^15.7.2
- react ^17.0.1
- react-dom ^17.0.1
- rimraf ^3.0.2
- typescript ^4.2.4
- zx ^1.14.1
Dependents (1)