Data Display

Small label for status, counts, or categorization.

Interactive label for categorizing, filtering, or selecting items.

Numeric badge for displaying counts and quantities.

Colored dot or label showing current state of an entity.

User or entity representation as image, initials, or icon.

Overlapping group of avatars showing multiple users.

Two avatars displayed together to show a relationship or collaboration.

Typographic heading component with consistent sizing and optional description.

Single row component for building custom table layouts.

Full-featured table with sorting, filtering, selection, and pagination.

Placeholder shapes that indicate content loading state.

Minimal dot indicator showing unread or new items.

Visual color sample with label and value display.

Card displaying a single metric with label, value, and optional trend.

Key performance indicator card with target tracking and sparkline.

Flexible card for displaying structured data with label-value pairs.

Visual score indicator for accessibility or compliance ratings.

Hierarchical collapsible tree for nested data structures.