component-patterns

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