Components

Components

Accordion

A vertically stacked set of interactive sections that can be expanded and collapsed.

Alert

Alert component displays important information, status updates, warnings, or errors to users.

Avatar

Avatar component displays a user's profile image or entity with an image.

Badge

Badge component displays a small label or indicator attached to another element.

Breadcrumbs

Breadcrumbs displays a navigation hierarchy that helps users understand their current location within an application.

Button

Button component triggers an action or event with a customizable button.

Card

Card component displays related content and actions in a flexible, composable container.

Checkbox

Checkbox component allows users to select or deselect an option.

Chip

Chip component displays a compact label with optional avatars, icons, delete actions, and disabled state.

Dialog

Dialog component displays content in a modal dialog that requires the user's attention or interaction.

Divider

Divider component separates content into distinct sections with a horizontal or vertical line.

IconButton

A compact button designed for actions represented by an icon.

Input

A text input component for collecting and editing user-entered values.

Label

A text label that identifies and describes a form control.

Link

Link component displays a navigational link that can be styled with semantic colors, underlines, and truncation.

Progress

A visual indicator that shows the completion or progress of a task.

Radio

A selectable control for choosing one option from a set of mutually exclusive choices.

Select

Select component allows users to choose one option from a list of available values.

Skeleton

Skeleton component displays a placeholder shape while content is loading.

Spinner

Spinner component displays a loading indicator while content or an action is in progress.

Switch

A control that allows users to toggle an option between on and off states.

Table

Table component displays structured data in rows and columns.

Tabs

Tabs component organizes related content into selectable tabs and panels.

Textarea

Textarea component enables users to enter and edit multi-line text.

Typography

Typography component displays text with consistent styles, colors, alignment, and semantic elements.