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.

v-btn is an HTML button or a tag enhanced with styling and for color="primary" Applies specified color to the control.

<v-btn class="ma-2" >Normal</v-btn>
<v-btn class="ma-2" color="primary">Primary</v-btn>
<v-btn class="ma-2" color="accent">Accent</v-btn>
<v-btn class="ma-2" color="secondary">Secondary</v-btn>
<v-btn class="ma-2" color="warning">Warning</v-btn>
<v-btn class="ma-2" color="error">Error</v-btn>
<v-btn class="ma-2" color="info">Info</v-btn>
<v-btn class="ma-2" color="success">Success</v-btn>
<v-btn class="ma-2" disabled>Disabled</v-btn>

Last updated