Color Theming

Button #

Enabled

Default (primary theme color)

Custom (secondary theme color)

Disabled

Card #

Title goes here

Subtitle here

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Subhead

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Title

Checkbox #

Dialog #

Drawer #

Click 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
Custom Color with Accessible Ink
@include mdc-fab-accessible
Custom Color with Accessible Ink (Mini)

Icon Toggle #

Primary Colored Icon

favorite_border

Accent Colored Icon

favorite_border

Disabled Icon

favorite_border

Linear Progress #

Indeterminate
Buffer
Accent