Colors

Background

Surface

Surface

Surface variant

Surface variant

Inverse surface

Surface

Surface

Surface 1

Surface 1

Surface 2

Surface 2

Surface 3

Surface 3

Surface 4

Surface 4

Surface 5

Surface 5

Primary

Inverse primary

Inverse primary

Primary container

Primary container

Primary container variant

Primary container variant

Secondary

Secondary container

Secondary container

Secondary container variant

Secondary container variant

Tertiary

Tertiary container

Tertiary container

Tertiary container variant

Tertiary container variant

Error

Error container

Surfaces

Elevations

Use the corresponding class on a section / container / div.

1

This is some text

2

This is some text

3

This is some text

4

This is some text

5

This is some text

Buttons

Buttons

Filled button

Outlined button

Elevated button

Tonal button

Tonal variant button

Text button

Link button

Icons button

Standard

Filled

Tonal

Tonal variant

Outlined

FAB

Surface

Primary

Secondary

Tertiary

Radio buttons

Selected

Unselected