v-btn component replaces the standard
html button with a material design theme and a multitude of options. Any
color helper class can be used to alter the background or text color.
See documentation.
Flat buttons have no box shadow and no background. Only on hover is the container for the button shown.
Button dropdowns are regular selects with additional styling.
Overflow
Segmented
Editable
Floating buttons are rounded and usually contain an icon.
Raised buttons have a box shadow that increases when clicked. This is the default style.
Icons can be used for the primary content of a button.
Normal
Disabled
Buttons can be given different sizing options to fit a multitude of scenarios.
Using the loading prop, you can notify a user that there is
processing taking place. The default behavior is to use a
v-progress-circular component but this can be
customized.