Showcase

Components, states, and patterns in one place.

Core controls

Button

Icon button

Input

Chat box

Selection patterns

Tabs

Dropdown

EnabledMain actions are available.
NotificationsPings when someone replies.

Switch

DirectClear and immediate.
SoftWarm and quiet.
BoldSharp and assertive.
CalmSoft and steady.
ConfidentStrong and precise.

Radio

Signals and disclosure

Search

Thinking

Thinking indicator

Draft

Publish

Progress bar

First section
Second section
Third section

Accordion