Storybook builds and documents React components in isolation. Write stories for different component states and use the controls panel to change props interactively. Serves as living documentation for design systems.
Storybook — Component Docs
npx storybook@latest init
npm run storybook
// Button.stories.jsx
export default { title: "UI/Button", component: Button };
export const Primary = { args: { label: "Click me", variant: "primary" } };
export const Danger = { args: { label: "Delete", variant: "danger" } };