Storybook – A powerful tool for developing UI components
Storybook is an open source tool for creating UI components faster and efficient. It’s very easy to install and quick to start. Storybook helps us to document components. It comes with a lot’s of add-ons that will help to create bug free and beautiful application.
Installation
we can use the storybook CLI to install it with single line command. we need to run following command at the root of existing project so it will provide best configuration according to our project dependencies.
npx sb init
this command install the required dependencies and setup scripts to run and build the storybook.
We use following command to run storybook
npm run storybook
Addons
- Docs
- Controls
- Actions
- Viewport
- Background
- Toolbars
- Source
- Storyshots
- Console
- Links