Buttons

Regular Buttons

Button Colors

Icon Buttons

FABs

Tooltips

Cards

Elevated

Default card with elevation shadow.

Outlined

Card with an outline border.

Filled

Card with filled background.

Dialogues

Popover

Toolbar

Text formatting (multiple select)

Format: — · Align: left

Vertical orientation

Toggle Group

Single select (period)

Selected: day

Multiple select with icons

Active: bold

Disabled

Context Menu

Right-click the card below to see the context menu.

Right click me

Pills

Variants

Primary
Secondary
Tertiary
Error
Container

Snackbar

Long persistent message about something important that happened in the app.

With close button

No action, no close

Progress

Linear Progress

Circular Progress

Wavy Linear Progress

Badges & Avatars

5
99+
User avatar
User avatar
User avatar

Lists