Storybook

Build and document UI components in isolation with interactive stories.

Instructions

1. Write stories for all components - Each component should have a story file
2. Use args for props - Define props through args for interactive controls
3. Add decorators - Wrap stories with providers and layout wrappers
4. Document with MDX - Write component documentation alongside stories
5. Test interactions - Use play functions for interaction testing

Setup

# Initialize Storybook in existing project
npx storybook@latest init

# Start Storybook