Get Started

Layout

Typography

Blockquote Code Heading Highlight Kbd Link

Base Components

Accordion Badge Button Button Group Collapsible Hover Card Popover Segment SignaturePanel Tag Toggle Toggle Group Tooltip

Navigation

Breadcrumb Tabs

Data Display

Avatar Avatar Group Calendar Card CardCalendar DataList Empty Image StarRating Statistic Table Timeline Tree

Form

Checkbox Input NumberInput NumberStepper Radio Group Select Slider Switch Textarea

Feedback

Alert AlertDialog Circle Progress Dialog Drawer Loading Progress Skeleton

Tree

A tree component for displaying hierarchical data.

default

hide line

indicator

indicator function

note: indicator as a function must be used in a client component.

disabled

TreeNode

The TreeNode component helps render child nodes recursively.

as link

as link in TreeNode