Components

Floating Action Button (FAB)

Using an SVG icon might require setting fill="currentColor" or stroke="currentColor" depending on your icon.

Outlined Input

Default (not recommended)

This state is presentable and does not error but it is intended to be used with a label attribute

Label

Value

Autofocus

There can only be one component per page with autofocus

Placeholder

Disabled

Disabled with value

Elevated Button

Default

With Icon

Using an SVG icon might require setting fill="currentColor" or stroke="currentColor" depending on your icon.

Disabled

Filled Button

Default

With Icon

Using an SVG icon might require setting fill="currentColor" or stroke="currentColor" depending on your icon.

Disabled

Filled Tonal Button

Default

With Icon

Using an SVG icon might require setting fill="currentColor" or stroke="currentColor" depending on your icon.

Disabled

Outlined Button

Default

With Icon

Disabled

Text Button

Default

With Icon

Disabled