Ui
Explore ui docs by category and open each page for usage and source references.
Categories
All pages
Avatar UI component.
Reusable button component for BranditDev products. Uses semantic theme tokens so consumers can override visual design by setting design tokens such as `--primary`, `--background`, and `--radius-md`. Uses forwardRef for React 18 compatibility (e.g. Base UI Popover render prop). Remove forwardRef when upgrading to React 19.
Surface container for grouped content and actions.
Chart UI component.
Checkbox primitive built on Radix Checkbox.
Command palette root surface built on `cmdk`.
Robust data grid with table/card views and client/server query modes.
Accessible modal dialog root powered by Radix primitives.
Dropdown menu root for trigger/content composition.
Field UI component.
Form input primitive with semantic token styling. Uses forwardRef for React 18 compatibility (e.g. react-hook-form). Remove forwardRef when upgrading to React 19.
Displays a styled keyboard key hint.
Accessible label primitive for form controls.
Popover root for trigger/content composition.
RadioGroup UI component.
Select primitive built on Radix Select.
Visual divider used to separate related content areas. Supports horizontal and vertical orientations while preserving accessibility semantics from Radix when `decorative` is set to `false`.
Skeleton UI component.
Slider UI component.
Table primitives for consistent, accessible tabular layouts.
Root tooltip container for trigger/content composition.
Semantic heading primitive for `h1` through `h6`. Uses the library typography token contract (`text-h1` to `text-h6`) so consuming applications can override heading scale through theme variables.