Configurator GitHub Introduction

Installation Usage Theming

Components Accordion Action Sheet Alert AlertDialog Area Chart AspectRatio Avatar Badge Banner Bar Chart Bottom Nav Breadcrumb Button ButtonGroup Calendar Card Carousel Chart ChatBubble Checkbox Chip CodeBlock Collapsible Color Picker Combobox Command Container ContextMenu Date Picker Divider Drawer Dropdown Menu EmptyState FAB Field Fieldset File Upload File Upload 2 Flex Form Grid HoverCard IconButton Label Line Chart Link Menubar Meter Modal Navigation Menu NumberField OTP Input Pagination Pie Chart Popover Progress PromptInput Radar Chart Radial Chart Radio Rating Scroll Area Search SegmentedControl Select Shortcut Sidebar Skeleton Slider Spacer Spinner Split Button Stack Status Stepper Surface Switch Table Tabs Textarea Time Picker Toast ToggleButton ToggleGroup Toolbar Tooltip Top Header Desktop Top Header Mobile

Components

Components

Browse the library — every component with a live preview. Pick one to see its examples, props, and code.

Actions

Button

IconButton

ButtonGroup

SplitButton

Fab

ToggleButton

ToggleGroup

SegmentedControl

DropdownMenu

ContextMenu

Menubar

Command

Toolbar

Forms & inputs

Field

Textarea

Search

NumberField

OTP Input

Checkbox

Radio

Switch

Slider

Select

Combobox

Date Picker

Time Picker

Calendar

Color Picker

File Upload

File Upload 2

Rating

Form

Fieldset

Label

Data display

Badge

Avatar

Status

Chip

Shortcut

Table

Meter

Progress

Skeleton

Spinner

Feedback

Alert

Toast

Tooltip

Banner

Empty State

AlertDialog

Navigation

Tabs

Accordion

Breadcrumb

Pagination

Stepper

Bottom Nav

Navigation Menu

Sidebar

Top Header Desktop

Top Header Mobile

Collapsible

Overlays

Modal

Drawer

Action Sheet

Popover

HoverCard

Layout

Card

Container

Stack

Flex

Grid

AspectRatio

Spacer

Scroll Area

Divider

Surface

Link

Carousel

Charts

Chart

Area Chart

Line Chart

Bar Chart

Pie Chart

Radar Chart

Radial Chart

AI

ChatBubble

PromptInput

CodeBlock

Theming

Customize Tessina UI to match your brand

Accordion

Vertically stacked expandable items with animated open/close transitions, two variants, five sizes, and full keyboard navigation.