new-component

Instructions

When creating new GPUI components:

1. Follow existing patterns: Base implementation on components in crates/ui/src (examples: Button, Select, Dialog)
2. Style consistency: Follow existing component styles and Shadcn UI patterns
3. Component type decision:
   • Use stateless elements for simple components (like Button)
   • Use stateful elements for complex components with data (like Select and SelectState)
   • Use composition for components built on existing components (like AlertDialog based on Dialog)
4. API consistency: Maintain the same API style as other elements
5. Documentation: Create component documentation
6. Stories: Write component stories in the story folder
7. Registration: Add the component to crates/story/src/main.rs story list

Component Types