Baseline Colors

CSS Classes

Theme colors as text
Primary
Secondary
Theme colors as background
Primary
Secondary
Background
Text on background
PrimarySecondaryHintDisabledfavorite
Text on primary
Textfavorite
Text on secondary
Textfavorite
Text on user-defined light background
PrimarySecondaryHintDisabledfavorite
Text on user-defined dark background
PrimarySecondaryHintDisabledfavorite

Baseline Component Stickersheet

Button

Enabled
Disabled

Card

Checkbox

Dialog

Drawer

Tap the menu icon (menu) in the toolbar at the top of the page to open the drawer.

Floating Action Button (FAB)

Default
Secondary theme color
Mini
mdc-fab--mini

Icon Button Toggle

Enabled

Disabled

Linear Progress

Indeterminate
Buffer

Radio Buttons

Select

Slider

56

Switch

Text Field

A valid email address is required

Text Field variations

Standard

Helper Text

Box

Helper Text

Outlined

Helper Text

Box With Leading Icon

event
event
event

Helper Text

Box With Trailing Icon

delete
delete
delete

Helper Text

Outlined With Leading Icon

event
event
event

Helper Text

Outlined With Trailing Icon

delete
delete
delete

Helper Text

Textarea

Helper Text

Full Width

Helper Text

Full Width Textarea

Helper Text