Component Creation Guide

Tip: Use the file-factory CLI to scaffold new components: pnpm file-factory component <name> --package <package>. This creates the correct directory structure with all files (component, styles, tests, stories, index). Then follow the patterns in this guide for implementation.

Component Structure

MyComponent/
├── MyComponent.tsx         # Component implementation
├── MyComponent.module.css  # Styles
├── MyComponent.stories.tsx # Storybook stories
├── MyComponent.test.tsx    # Tests
└── index.ts                # Exports

TypeScript Patterns

Prefer type over interface