Get started
Foundations
Components

Components

Actions

ActionGroup
Action
Button
ContextMenu
CopyButton

Content

Avatar
CodeBlock
Heading
Icon
IllustratedMessage
Image
InlineCode
Label
LabeledValue
Skeleton
Text

Form controls

CheckboxButton
CheckboxGroup
Checkbox
DatePicker
DateRangePicker
Field (React Hook Form)
FileField
Form (React Hook Form)
NumberField
RadioGroup
SearchField
SegmentedControl
Select
Slider
Switch
TextArea
TextField
TimeField

Navigation

Breadcrumb
HeaderNavigation
Link
Navigation
Tabs

Overlays

ContextualHelp
Modal
Tooltip

Status

AlertBadge
AlertIcon
Alert
Badge
CounterBadge
LoadingSpinner
NotificationProvider
Notification
ProgressBar

Structure

Accordion
ColumnLayout
LayoutCard
List
Section
Separator
Table

Upload

FileCardList
FileCard

Separator

A Separator is a horizontal line that separates content.GitHub