Components

Building blocks for the UI.

Primitives

Anchor

An anchor is a primitive component for building custom links.

AppShell

A top level wrapper for the Design System.

Avatar

An avatar is a visual representation of a user or entity.

Divider

Divides sections

Flex

Flex is a primitive layout component that implements the CSS Flexbox API.

Icon

An icon is a symbol representing a command, device, directory, or common action.

CodeSnippet

A premium theme-aware code snippet viewer with syntax highlighting and copy support.

Input

Button

The most used component for interacting with an page.

Checkbox

A checkbox allows selecting one or more items.

Dropdown

A dropdown displays a list of options for selection.

IconButton

An icon button is a button containing only an icon.

IconLinkButton

An icon link button is a link styled as a button with an icon.

LinkButton

A link button is a link styled as a button.

TextArea

A textarea allows entering multi-line text.

TextField

A textfield allows entering single-line text.

Loading

Skeleton

A skeleton displays a placeholder preview during loading.

Spinner

A spinner indicates an ongoing loading state.

Messaging

Banner

A banner displays prominent system messages at the top.

KeyboardTip

A keyboard tip displays shortcut keys.

Modal

A modal dialog overlays the primary window.

Toast

A toast displays short, temporary feedback messages.

Toaster

A toaster manages and displays active toasts.

VisuallyHidden

Hides elements visually while keeping them accessible to screen readers.

Overlays

Blanket

A blanket dims the background behind overlay components.

Tooltip

A tooltip displays helpful information on hover.