Base Components

Expandable content panels with icon placement and nested support.

Timeline of user actions with avatars, timestamps, and type indicators.

Contextual feedback messages with 4 types and 3 style variants.

Non-blocking notifications with auto-dismiss and position control.

User avatars in 6 sizes with status indicators and grouped overlapping display.

Status badges, count indicators, dot badges, and outlined variants.

Full-width dismissible banners with icon, message, and action button.

Navigation trail with multiple separator variants.

Connected button sets with active states and icon+text combinations.

Primary, Secondary, Ghost, Danger, Link, and Icon-only — with sm/md/lg sizes, disabled, and loading states.

Single, grouped, indeterminate, and checkbox card variants.

Color swatch grid with selection state and custom hex input.

Horizontal separators: plain, labeled, icon-centered, and dashed.

Interactive calendar grid with single date and range selection modes.

Slide-in panel from any edge with backdrop overlay and close button.

Trigger button with searchable dropdown menu, dividers, and icon items.

Drag-and-drop zone with file list, progress bars, and removal controls.

Toggle filter chips with active state and clear-all button.

Centered modal with backdrop, title, content, actions, and size variants.

Page navigation with smart dot gaps, prev/next, active state, and compact variant.

Trigger button with positioned popover card and directional arrow.

Floating action button that expands into a radial or stacked action list.

Radio group and radio card variants with border highlight on selection.

Interactive star rating with hover state, half-star display, and review counts.