| name | component-patterns |
| description | Component patterns and conventions for this project's UI. Use when doing any UI work — building features, adding pages or routes, editing components, composing forms, fixing bugs, or reviewing frontend code. |
Read the component documentation before writing or modifying UI code.
Component golden rules
@docs/development/components/README.md
Detailed references
Read these on-demand based on the work at hand:
- Structure and data attributes:
@docs/development/components/structure.md
- Behavior (state + accessibility):
@docs/development/components/behavior.md
- Implementation (types + Base UI render patterns):
@docs/development/components/implementation.md
- TanStack integrations (Form, Router, Query, Table):
@docs/development/components/tanstack.md
- Form examples (Select items, Field, validation):
@docs/development/components/examples/form.md
- Confirm destructive dialog:
@docs/development/components/examples/confirm-destructive-dialog.md
- Styling and design tokens:
@docs/development/styling.md
- Toast conventions:
@docs/development/toasts.md