Component Catalog
This catalog is generated from src/lib/showcase/registry.ts in source order. The registry drives category order and previous/next navigation.
Source count at generation: 46 entries. Every slug is unique.
| Name | Slug | Category | Purpose | Local guide | Live demo |
|---|---|---|---|---|---|
| Accordion | accordion | Disclosure & Layout | Organizes content into collapsible sections | Guide | Open |
| Collapsible | collapsible | Disclosure & Layout | Expands and collapses a single content region | Guide | Open |
| Tabs | tabs | Disclosure & Layout | Switches between mutually exclusive panels | Guide | Open |
| Aspect Ratio | aspect-ratio | Disclosure & Layout | Constrains content to a fixed width-to-height ratio | Guide | Open |
| Scroll Area | scroll-area | Disclosure & Layout | Custom scrollbars that behave like native ones | Guide | Open |
| Separator | separator | Disclosure & Layout | Semantic divider between content groups | Guide | Open |
| Toolbar | toolbar | Disclosure & Layout | Groups controls behind one roving tab stop | Guide | Open |
| Dialog | dialog | Overlays | Modal window layered over the page | Guide | Open |
| Alert Dialog | alert-dialog | Overlays | Interruptive dialog that demands a decision | Guide | Open |
| Popover | popover | Overlays | Floating panel anchored to a trigger | Guide | Open |
| Tooltip | tooltip | Overlays | Hover and focus hint for a control | Guide | Open |
| Link Preview | link-preview | Overlays | Rich hover card preview for a link | Guide | Open |
| Dropdown Menu | dropdown-menu | Menus & Navigation | Menu opened from a button trigger | Guide | Open |
| Context Menu | context-menu | Menus & Navigation | Menu opened by right click or long press | Guide | Open |
| Menubar | menubar | Menus & Navigation | Desktop-style horizontal menu bar | Guide | Open |
| Navigation Menu | navigation-menu | Menus & Navigation | Site navigation with rich flyout panels | Guide | Open |
| Command | command | Menus & Navigation | Filterable command palette | Guide | Open |
| Pagination | pagination | Menus & Navigation | Page-by-page navigation for long lists | Guide | Open |
| Button | button | Form Controls | Button that renders as a link when given an href | Guide | Open |
| Checkbox | checkbox | Form Controls | Binary and indeterminate checkbox with a hidden input | Guide | Open |
| Switch | switch | Form Controls | On/off toggle for instantly applied settings | Guide | Open |
| Radio Group | radio-group | Form Controls | Single choice from a roving-focus set | Guide | Open |
| Label | label | Form Controls | Accessible label wired to any control | Guide | Open |
| Toggle | toggle | Form Controls | Two-state pressed button | Guide | Open |
| Toggle Group | toggle-group | Form Controls | Single or multiple selection across toggles | Guide | Open |
| Select | select | Selection & Input | Listbox-backed select with typeahead | Guide | Open |
| Combobox | combobox | Selection & Input | Input-filtered select with single or multiple values | Guide | Open |
| Slider | slider | Selection & Input | Single or multi-thumb value range | Guide | Open |
| PIN Input | pin-input | Selection & Input | One-time-code entry with paste support | Guide | Open |
| Rating Group | rating-group | Selection & Input | Star rating with half-step support | Guide | Open |
| Calendar | calendar | Dates & Time | Standalone date calendar with multi-month support | Guide | Open |
| Range Calendar | range-calendar | Dates & Time | Calendar that selects a start and end date | Guide | Open |
| Date Field | date-field | Dates & Time | Segmented date entry field | Guide | Open |
| Date Picker | date-picker | Dates & Time | Date field plus popover calendar | Guide | Open |
| Date Range Field | date-range-field | Dates & Time | Two linked segmented date fields | Guide | Open |
| Date Range Picker | date-range-picker | Dates & Time | Range field plus popover range calendar | Guide | Open |
| Time Field | time-field | Dates & Time | Segmented time entry field | Guide | Open |
| Time Range Field | time-range-field | Dates & Time | Start and end time in one control | Guide | Open |
| Avatar | avatar | Feedback | Image with loading and fallback states | Guide | Open |
| Progress | progress | Feedback | Determinate and indeterminate task progress | Guide | Open |
| Meter | meter | Feedback | Static measurement inside a known range | Guide | Open |
| Portal | portal | Utilities | Renders children into another part of the DOM | Guide | Open |
| mergeProps | merge-props | Utilities | Merges event handlers, classes and styles safely | Guide | Open |
| useId | use-id | Utilities | SSR-stable unique id generator | Guide | Open |
| IsUsingKeyboard | is-using-keyboard | Utilities | Global reactive keyboard-modality flag | Guide | Open |
| BitsConfig | bits-config | Utilities | Scoped defaults for nested Bits UI components | Guide | Open |
URL rules
- Local guide links use
../components/<slug>and resolve to/components/<slug>. - Live demo links use
https://bits.loca.zone/components/<slug>. - Upstream API references remain secondary links inside each local guide.