Ui

Explore ui docs by category and open each page for usage and source references.

Categories

All pages

Avatar

Avatar UI component.

Button

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.

Card

Surface container for grouped content and actions.

Chart

Chart UI component.

Checkbox

Checkbox primitive built on Radix Checkbox.

Command

Command palette root surface built on `cmdk`.

DataGrid

Robust data grid with table/card views and client/server query modes.

Dialog

Accessible modal dialog root powered by Radix primitives.

DropdownMenu

Dropdown menu root for trigger/content composition.

Field

Field UI component.

Input

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.

Kbd

Displays a styled keyboard key hint.

Label

Accessible label primitive for form controls.

Popover

Popover root for trigger/content composition.

RadioGroup

RadioGroup UI component.

Select

Select primitive built on Radix Select.

Separator

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

Skeleton UI component.

Slider

Slider UI component.

Table

Table primitives for consistent, accessible tabular layouts.

Tooltip

Root tooltip container for trigger/content composition.

Typography

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.