Portal
menu Portal
invert_colors
format_textdirection_l_to_r
notifications 3

Buttons

Buttons communicate the action that will occur when the user touches them.

Material buttons trigger an ink reaction on press. They may display text, imagery, or both. Flat buttons and raised buttons are the most commonly used types. There are three standard types of buttons:

  • Floating action button: A circular material button that lifts and displays an ink reaction on press.
  • Raised button: A typically rectangular material button that lifts and displays ink reactions on press.
  • Unelevated button: A button made of ink that displays ink reactions on press but does not lift.
Enabled

Disabled

Raised Button
Link

Unelevated Button
Link

Stroked Button
Link

Floating Action Button (FAB)
Default
Secondary theme color
Mini
mdc-fab--mini

Theme colors as text
Primary
Secondary

Theme colors as background
Primary
Primary Light
Primary Dark
Secondary
Secondary Light
Secondary Dark
Background

Light and dark tonal variants for extreme input luminance
Low Luminance
Light Variant
Dark Variant
High Luminance
Light Variant
Dark Variant
© 2018 Oxygenna