Generate Storybook stories with controls, actions, and documentation
Create Storybook documentation for:
Component Library: {{LIBRARY}}
Framework: {{FRAMEWORK}} (React/Vue/Angular/Svelte)
Documentation Level: {{LEVEL}} (basic/comprehensive)
Generate complete Storybook setup:
1. **Configuration (.storybook/):**
- main.js configuration
- preview.js setup
- Addons configuration
- Theme customization
- Webpack customization
2. **Story Templates:**
- Default story
- Variant stories
- State stories
- Interactive stories
- Composition stories
3. **Controls:**
- Arg types definition
- Control types
- Options/select controls
- Conditional controls
- Grouped controls
4. **Actions:**
- Action handlers
- Logged actions
- Spy functions
5. **Documentation (MDX):**
- Component description
- Usage guidelines
- Props documentation
- Code examples
- Do's and don'ts
6. **Addons:**
- Accessibility addon
- Viewport addon
- Backgrounds addon
- Measure addon
- Outline addon
7. **Testing:**
- Play functions
- Interaction tests
- Visual regression
- Chromatic setup
8. **Theming:**
- Multiple themes
- Theme switcher
- Global decorators
Include design tokens integration.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{LIBRARY][{FRAMEWORK][{LEVEL]