All components

All components

This index is generated from the public Registry + @beemvp/beeui-ui export map. It currently contains 62 stable public component families; adding or removing a public Registry component changes this inventory automatically and is checked by CI.

Actions & controls

• Button — Accessible pressable with variant/size/loading/disabled states and an optional label primitive. · Showcase
• Icon Button — 44px icon-only action; an accessible label is required. · Showcase
• Segmented Control — Compact mutually-exclusive selection surface with radiogroup semantics. · Showcase

Data display

• Avatar — Image-with-fallback identity surface with size variants and source-keyed failure reset. · Showcase
• Badge — Compact semantic status label with paired foreground/background tokens. · Showcase
• Chip — Standalone toggle or value-scoped group item with button/radio/checkbox semantics. · Showcase
• Description List — Read-only grouped label/value metadata composition with no data-state ownership. · Showcase
• List Group — Bordered grouped-row surface with list container semantics and an aligned header. · Showcase
• List Item — Grouped row (with a settings-row specialization) that synthesizes accessible names from primitive content when interactive. · Showcase
• Metadata Row — Read-only label/value metadata row primitive. · Showcase
• Separator — Decorative-by-default divider (semantic when requested); vertical orientation stretches across the cross axis. · Showcase
• Stat — Layout-only metric composition (label/value/help text) with no formatting or state ownership. · Showcase
• Table — Semantic data-table primitives that render real table/th scope/aria-sort semantics on Web. · Showcase
• Text — Semantic typography primitive with type/tone variants that honors OS/browser font scaling. · Showcase
• Timeline — Read-only ordered history composition with semantic marker states; owns no workflow state. · Showcase

Forms & selection

• Calendar — Month-grid date-selection surface; owns no field, popover, or input chrome. · Showcase
• Checkbox — Controlled boolean/indeterminate checkbox; enabled usage without onCheckedChange warns in development. · Showcase
• Date Picker — Native system date-picker field backed by @react-native-community/datetimepicker. · Showcase
• Date Time Picker — Native combined date-and-time picker field backed by @react-native-community/datetimepicker. · Showcase
• Field — Label/description/error composition for text-entry controls; wires accessible label and required relationships to text inputs only. · Showcase
• Form Group — Structural legend/description/error grouping for related controls without becoming one accessible parent element. · Showcase
• Form Message — Destructive form feedback (with muted HelperText variant) using polite live-region semantics. · Showcase
• Input — Single-line text input with semantic focus/invalid/disabled states and Field-provided accessibility. · Showcase
• Label — Semantic form/control label with accessible required-state wording and optional nativeID linkage. · Showcase
• OTP Input — Controlled/uncontrolled one-time-code input with numeric normalization and per-value completion callbacks. · Showcase
• Password Input — Password field with visibility toggle and safe keyboard/autofill defaults; caller overrides remain authoritative. · Showcase
• Radio — Controlled radio item and RadioGroup coordinator with native radiogroup semantics. · Showcase
• Search Input — Search-keyboard input layered on Input; clearing a non-empty query emits one onSearch(‘’) reset. · Showcase
• Select — Persistent single string-value selection with anchored option surface and listbox semantics on Web. · Showcase
• Switch — Controlled native switch with semantic track/thumb colors; enabled usage without onValueChange warns in development. · Showcase
• Textarea — Multiline text input using the same semantic contract as Input. · Showcase

Layout & surfaces

• Bottom Action Bar — Bottom-anchored primary-action surface; safe-area ownership stays with the app shell. · Showcase
• Box — Thin View primitive with no design assumptions, for ad-hoc layout. · Showcase
• Card — Elevated/outlined surface with variant and spacing contract. · Showcase
• Keyboard Aware Screen — Scrollable form-screen shell with bounded width, explicit safe-area ownership, and platform keyboard handling. · Showcase
• Safe Area — BeeUIProvider application root plus an explicit SafeArea surface with caller-owned edge selection. · Showcase
• Screen — Base application surface with semantic background and optional spacing; owns no safe-area or scroll behavior. · Showcase
• Section — Title/description/action/content composition for screen sections. · Showcase
• Stack — Typed direction/gap/alignment/wrap layout over View, with HStack/VStack specializations. · Showcase

Navigation & disclosure

• Accordion — Single-value controlled/uncontrolled disclosure group where one item expands at a time. · Showcase
• App Header — Title/description/leading/trailing screen-header composition; owns no navigation library. · Showcase
• Breadcrumb — Router-neutral breadcrumb trail with decorative separators hidden from accessibility. · Showcase
• Collapsible — Controlled/uncontrolled single-region disclosure with content mounted only while open. · Showcase
• Link — Link semantics over Pressable; owns no navigation library or routing behavior. · Showcase
• Pagination — Controlled page/page-count context with normalized boundaries and type-enforced page/prev/next items. · Showcase
• Stepper — Controlled current-step context with finite normalization and duplicate-step fail-safe; owns no workflow state. · Showcase
• Tabs — Controlled tab set sharing state across list/triggers/content; inactive panels are not mounted. · Showcase

Overlays & feedback

• Alert Banner — Inline semantic status callout with live-region announcement for feedback that stays on screen. · Showcase
• Alert Dialog — Confirmation/destructive modal built on the Dialog kernel; only explicit Cancel/Action closes it. · Showcase
• Dialog — Controlled/uncontrolled modal backed by React Native core Modal, with a real Web focus trap and Escape dismissal. · Showcase
• Dropdown Menu — Non-modal action menu on the shared anchored-overlay runtime, with items, checkbox items, and radio groups. · Showcase
• Popover — Non-modal anchored surface on the shared overlay runtime with flip/shift/collision and safe-area policy. · Showcase
• Progress — Clamped determinate progress bar with native progressbar semantics. · Showcase
• Sheet — Gesture-driven bottom sheet with detents on the shared overlay runtime. · Showcase
• Skeleton — Decorative static loading placeholder surface. · Showcase
• Spinner — Native activity indicator with semantic tone mapping. · Showcase
• State Message — Empty-state and error-state (with retry) composition for zero/failure surfaces. · Showcase
• Toast — Provider-scoped toast runtime exposed via useToast (show/dismiss/dismissAll) with FIFO queueing and safe-area-aware stacking. · Showcase
• Tooltip — Non-interactive contextual annotation (ADR-005): a hover/focus delay state machine plus an anchored, non-focusable bubble. · Showcase

Theming & utilities

• Theme Scope — BeeThemeScope subtree boundary that applies a scoped theme override to its descendants. · Showcase
• Use Bee Token — Read resolved design-token values at runtime via useBeeToken (hook) and getBeeToken (imperative). · Showcase
• Visually Hidden — Keeps non-interactive assistive content in the accessibility tree while removing it from visual layout. · Showcase