Docs

Overview Getting Started Template Literals JSX DOM & HTML Output

Tokens

Colors & Tokens

Examples

User Management Settings Form

Core

Button Badge Icon Alert StatusDot Avatar

Form

Field FileInput Checkbox Radio Toggle TextField Select

Display

ProgressBar Spinner Skeleton Card DescriptionList Table

Rich

Code Tabs Accordion Spoiler

Layout

Modal Notification Drawer Breadcrumbs Header Footer Content

Modal

Dialog overlay for focused interactions requiring user attention.

Size variants

Small Modal

Modal body content goes here.

Medium Modal

Modal body content goes here.

Large Modal

Modal body content goes here.

Extra Large

Modal body content goes here.

tsx

<Modal
  id="modal-sm"
  title="Small Modal"
  size="sm"
>
  <p>Content</p>
</Modal>