1# Components
2 
3> Auto-generated. Run `npx tsx skills/reka-ui/scripts/generate-components.ts` to update.
4 
5## Form
6 
7| Component | Description | File |
8|-----------|-------------|------|
9| **checkbox** | Selection control with indeterminate state | `components/checkbox.md` |
10| **combobox** | Searchable dropdown with filtering | `components/combobox.md` |
11| **editable** | Inline text editing with preview/edit modes | `components/editable.md` |
12| **label** | Accessible form label | `components/label.md` |
13| **listbox** | Accessible list selection | `components/listbox.md` |
14| **numberField** | Numeric input with increment/decrement | `components/number-field.md` |
15| **pinInput** | Multi-character code entry (OTP) | `components/pin-input.md` |
16| **radioGroup** | Mutually exclusive selection | `components/radio-group.md` |
17| **select** | Dropdown selection with grouping | `components/select.md` |
18| **slider** | Range input control | `components/slider.md` |
19| **switch** | Toggle between two states | `components/switch.md` |
20| **tagsInput** | Multiple tag entry and management | `components/tags-input.md` |
21| **toggle** | Single state button toggle | `components/toggle.md` |
22| **toggleGroup** | Multiple toggles with group behavior | `components/toggle-group.md` |
23 
24## Date
25 
26| Component | Description | File |
27|-----------|-------------|------|
28| **calendar** | Date selection grid (alpha) | `components/calendar.md` |
29| **dateField** | Date input field (alpha) | `components/date-field.md` |
30| **datePicker** | Date picker with calendar (alpha) | `components/date-picker.md` |
31| **dateRangeField** | Date range input (alpha) | `components/date-range-field.md` |
32| **dateRangePicker** | Date range picker (alpha) | `components/date-range-picker.md` |
33| **rangeCalendar** | Calendar for date ranges (alpha) | `components/range-calendar.md` |
34| **timeField** | Time input field (alpha) | `components/time-field.md` |
35 
36## Disclosure
37 
38| Component | Description | File |
39|-----------|-------------|------|
40| **accordion** | Collapsible content sections | `components/accordion.md` |
41| **collapsible** | Single collapsible panel | `components/collapsible.md` |
42 
43## Overlay
44 
45| Component | Description | File |
46|-----------|-------------|------|
47| **alertDialog** | Modal dialog requiring action | `components/alert-dialog.md` |
48| **dialog** | Modal dialog | `components/dialog.md` |
49| **hoverCard** | Card shown on hover | `components/hover-card.md` |
50| **popover** | Floating content panel | `components/popover.md` |
51| **tooltip** | Informational hover tip | `components/tooltip.md` |
52| **toast** | Temporary notifications | `components/toast.md` |
53 
54## Menu
55 
56| Component | Description | File |
57|-----------|-------------|------|
58| **contextMenu** | Right-click context menu | `components/context-menu.md` |
59| **dropdownMenu** | Dropdown action menu | `components/dropdown-menu.md` |
60| **menubar** | Horizontal menu bar | `components/menubar.md` |
61| **navigationMenu** | Site navigation menu | `components/navigation-menu.md` |
62 
63## Data
64 
65| Component | Description | File |
66|-----------|-------------|------|
67| **avatar** | User image with fallback | `components/avatar.md` |
68| **pagination** | Page navigation | `components/pagination.md` |
69| **progress** | Progress indicator | `components/progress.md` |
70| **scrollArea** | Custom scrollbar container | `components/scroll-area.md` |
71| **separator** | Visual divider | `components/separator.md` |
72| **splitter** | Resizable split panels | `components/splitter.md` |
73| **stepper** | Multi-step progress indicator | `components/stepper.md` |
74| **tabs** | Tabbed content panels | `components/tabs.md` |
75| **tree** | Hierarchical tree view | `components/tree.md` |
76 
77## Layout
78 
79| Component | Description | File |
80|-----------|-------------|------|
81| **aspectRatio** | Maintain aspect ratio | `components/aspect-ratio.md` |
82| **toolbar** | Toolbar with buttons/toggles | `components/toolbar.md` |
83 
84## Utility
85 
86| Component | Description | File |
87|-----------|-------------|------|
88| **configProvider** | Global config context | `components/config-provider.md` |
89| **focusScope** | Focus trap container | `components/focus-scope.md` |
90| **presence** | Animation presence control | `components/presence.md` |
91| **primitive** | Base element wrapper | `components/primitive.md` |
92| **visuallyHidden** | Screen reader only content | `components/visually-hidden.md` |
93 
94## Composables
95 
96| Composable | Description |
97|------------|-------------|
98| `useEmitAsProps` | Convert emit functions to props for passing to child components |
99| `useFilter` | Filter items based on search query with customizable matching |
100| `useForwardProps` | Forward props to child components while filtering out handled ones |
101| `useForwardPropsEmits` | Combine useForwardProps and useEmitAsProps |
102| `useForwardExpose` | Forward exposed methods/refs from child components |
103| `useId` | Generate unique IDs for accessibility attributes |
104| `useDateFormatter` | Format dates with locale support |
105| `useDirection` | Get/set text direction (ltr/rtl) |
106| `useLocale` | Get/set locale for internationalization |
107