Skip to content

Latest commit

 

History

History
20 lines (10 loc) · 882 Bytes

README.md

File metadata and controls

20 lines (10 loc) · 882 Bytes

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.

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.

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 start runs babel in watch mode and starts Storybook
  • yarn build build and package your addon code