Components Ui
Browse 14 pages in the components category.
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.
Dropdown menu root for trigger/content composition.
Displays a styled keyboard key hint.
Popover root for trigger/content composition.
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.