Actual CSS — Kitchen Sink

Buttons

Link button

Badges

Default Primary Success Warning Danger
Soft Soft Soft Soft
Outline Outline
Small Large
Link badge

Alerts

Default alert
Primary alert
Success alert
Warning alert
Danger alert
Solid primary
Outline primary
Small alert
Large alert

Cards

Card title

Some quick example text to build on the card.

Primary card

Card with intent class.

Header
Body with link
Footer

Avatars

TP JD SM LG
A B C
TP

Forms

Please enter a valid email
.native disables the enhanced picker
This field has an error

Tables

Name Role Status
Alice Developer Active
Bob Designer Away
Charlie Manager Offline

Modal / Drawer

Modal title

Modal content goes here.

Drawer title

Drawer content slides in from the side.

Flyout / Tooltip

Context menu

Quarterly report.pdf

Right click a detail below, or use More. The menu reports the exact detail that opened it.

Quarterly report.pdf Design team Updated today
No context selected.

Dark mode

Use the theme selector at the top to switch data-theme.