# Buttons

The 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.

# API

# Caveats

# Examples

# Props

# Block

block buttons extend the full available width.

# Flat

flat buttons still maintain their background color, but have no box shadow.

# Icon

Icons can be used for the primary content of a button. Use the icon prop to either supply an icon in the default slot, or to directly use an icon.

# Outlined

outlined buttons inherit their borders from the current color applied.

# Plain

plain buttons have a lower baseline opacity that reacts to hover and focus.

# Rounded

Use the rounded prop to control the border radius of buttons.

# Sizing

Buttons can be given different sizing options to fit a multitude of scenarios.

# Text

Text buttons have no box shadow and no background. Only on hover is the container for the button shown. When used with the color prop, the supplied color is applied to the button text instead of the background.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.