Components

Accordion

Collapsible content container that organizes related information into expandable panels.

Alert

Contextual feedback component for conveying important messages and system status to users.

Avatar

Customizable visual representation for users or entities.

Badge

Compact indicator used to highlight numeric values, statuses, or labels.

Button

Primary action trigger with multiple style variants.

Button Group

Coordinated set of buttons that enables grouped actions with consistent spacing and alignment.

Calendar

Comprehensive date selection component.

Card

Flexible content container designed to present grouped information.

Checkbox

Standard selection control for multi-option forms and interfaces.

Collapsible

Generic trigger and section for revealing or hiding content.

Date Picker

User-friendly control for picking dates from a calendar.

Dialog

Modal interface for focused user interactions such as confirmations, forms, and alerts.

Fieldset

Structural grouping element for associating related form controls with a legend.

Icon

Component for visualizing scalable vector graphics.

Info Page

Structured layout for presenting help content or informational panels.

Input

Core text entry field with support for single-line data capture.

Input Group

Composite input container that combines text fields with addons or buttons.

Input Number

Input container that combines a number field with increase and decrease buttons.

Label

Descriptive text element that enhances form accessibility.

List

Vertically arranged collection of items for displaying related data.

Listbox

Selectable list interface supporting single or multiple item selection.

Pagination

Navigational control for traversing multi-page or segmented content.

Popover

Floating container for supplemental content or contextual actions anchored to an element.

Progress

Visual indicator that communicates task completion or load progression.

Radio

Mutually exclusive input control for selecting one option from several.

Range

Slider control that allows users to adjust values within a defined range.

Select

Dropdown component for choosing options from a list with search support.

Separator

Simple visual divider used to organize content into logical sections.

Sheet

Slide-over panel that presents additional navigation or tools without disrupting context.

Sidebar

Fixed or collapsible navigation container for application menus and quick links.

Skeleton

Placeholder loading state that improves perceived performance during content fetches.

Spinner

Dynamic loader graphic signaling ongoing activity or processing.

Switch

Toggle control designed for binary on/off state selection.

Table

Table component for displaying tabular data with clear visual hierarchy.

Tabs

Horizontal and vertical navigation component that segments content into easily switchable panels.

Tag

Concise label for categorization, keywords, or key indicators.

Text

Base typography component for consistently styled informational text.

Textarea

Multiline text input field optimized for longer user content.

Tile

Modular content block that can house nearly any type of content.

Time Picker

Time input control with popup.

Toolbar

Grouped action bar providing quick access to common commands.

Tooltip