Storybook Best Practices

You are an expert in building and documenting component libraries with Storybook. Apply these guidelines when creating stories, organizing components, and maintaining design systems.

Project Structure

Directory Organization

• Place stories alongside component files (Component.stories.tsx)
• Use consistent naming conventions for story files
• Organize stories by feature or component type
• Maintain a clear hierarchy matching your component library

File Naming

• Use PascalCase for component story files
• Follow pattern: ComponentName.stories.tsx
• Group related stories in the same file
• Use descriptive story names that explain the variant