Data display

Present tables, filters, labels, progress indicators, dates, and other structured data.

Pages

Badge

Badges are read-only indicators used to communicate a category, metadata, a numeric quantity, or a process's current state.

ConditionViewer

The ConditionViewer components render a read-only summary of a set of rules — one boxed sentence per rule, nested under the operator that combines them.

DataTable

DataTable enables users to act upon complex datasets with a variety of features including filtering and sorting.

Filters

The Filters component is a versatile component that can be used to filter data based on user-defined criteria.

FormattedDateTime

Displays a date/time formatted in one of a number of predefined formats.

FormattedRelativeTime

Displays a date/time in a human-readable format, relative to the current time.

KeyboardShortcut

Displays keyboard shortcuts with platform-aware formatting.

Label

Labels are read-only indicators used to communicate a category, metadata, or process's current state.

ProgressBar

A progress bar component that can be used to show the progress of a task.

ProgressCircle

A circular progress indicator that visually represents the completion of a task or process.

StatusIndicator

A small colored circle used to indicate status or state.

Table

Tables display a set of data in an organized tabular format.

Tag

The Tag component is used to display categorized labels, status indicators, or metadata in an application. It is designed for clarity and flexibility, supporting different frameworks and customization options.

Timeline

Presents ordered events, milestones, or state transitions with a connected vertical rail.