Components

Golden archetypes ship first. More components will follow the same registry, snippet, and a11y documentation pattern.

• Accordion
  Compound disclosure sections with single or multiple open items, ARIA expanded/controls pairing, and motion-safe height transitions.
• Alert
  Static inline banner for info, success, warning, and danger messages with optional dismiss control.
• Avatar
  User and customer avatars with image error fallback to initials or icon, status dots, and overlapping group stacks.
• Badge
  Compact status labels with solid, soft, and outline tones, optional status dots, and removable actions.
• Breadcrumb
  Accessible breadcrumb navigation with optional home icon, chevron separators, and aria-current on the final page.
• Button
  Polymorphic button and link control with variants, sizes, loading, and disabled states.
• Card
  Content container with default, sunken, and interactive variants using a stretched-link pattern for accessible click targets.
• Checkbox
  Native checkbox with custom check and indeterminate indicators, label, description, error, and attribute forwarding.
• Dropdown
  Compound menu with keyboard navigation, left/right alignment, danger and disabled items, icons, and shortcut badges.
• Input
  Form control archetype with label, hint, error, icons, password toggle, and attribute forwarding to the native input.
• Modal
  Accessible dialog overlay with focus trap, body teleport, Escape/backdrop dismiss, and confirm variant.
• Navbar
  Responsive top application bar with brand, desktop links, actions, and an Alpine mobile drawer using focus trap and Escape close.
• Pagination
  Numbered pagination with ellipsis windowing and a simple Previous/Next variant with result range summary.
• Radio
  Native radio option with inline default layout or selectable card panels, label, description, and attribute forwarding.
• Select
  Native select control styled to match input heights, with a decorative chevron, label, hint, error, and attribute forwarding.
• Sidebar
  Collapsible application sidebar with section headings, icon and label items, active states, and mobile off-canvas overlay.
• Switch
  Accessible toggle switch built on a native checkbox with role="switch", sm/md sizes, label, description, and attribute forwarding.
• Table
  Compound data table with keyboard-scrollable region, striped and hoverable rows, sortable headers, bulk select, and empty state.
• Tabs
  Compound WAI-ARIA tabs with underline, pills, and vertical variants, roving tabindex, and arrow key navigation.
• Textarea
  Multi-line form control with rows or autosize, optional character counter, label, hint, error, and attribute forwarding.
• Toast
  Global toast notifications via Alpine.store and the ui:toast window event, rendered through a fixed body-level viewport.
• Tooltip
  Lightweight tooltip wrapper shown on hover and keyboard focus, dismissed by Escape without moving focus, linked via aria-describedby.