Buttons

<va-button
 outline
 color="success"
 icon="brandico brandico-facebook"
>
 Button 1
</va-button>

<va-button
 flat large
 color="info"
 icon="brandico brandico-facebook"
 icon-right="iconicstroke iconicstroke-info"
>
 Button 2
</va-button>

<va-button
 small color="warning"
 icon-right="iconicstroke iconicstroke-info"
 href="http://epic-spinners.epicmax.co/"
>
 Button 3
</va-button>

<va-button outline small icon="ion-md-close ion"/>

Props

• tag - String (default: 'button')
• outline - Boolean - use v-bind:outline="true" to set outline type of button
• flat - Boolean - use v-bind:flat="true" to set flat type of button
• color - String (default: 'success') - set the color of the button. We can choose one color from a set of theme colors (primary, secondary, info, error, warning)
• small - Boolean - use v-bind:small="true" to set small size of modal
• large - Boolean - use v-bind:large="true" to set large size of modal
• icon - Boolean - use v-bind:icon="true" to set icon from the left side of the button
• iconRight - Boolean - use v-bind:iconRight="true" to set icon from the right side of the button
• type - String - native attribute for button
• href - String - native attribute for a-link button
• target - String - native attribute for a-link button
• to - String - native attribute for router-link
• replace - Boolean - native attribute for router-link button
• append - Boolean - native attribute for router-link button
• to - String | Object - native attribute for router-link button
• exact - Boolean - native attribute for router-link button
• exactActiveClass - String - native attribute for router-link button

References

• Router-link: https://router.vuejs.org/api/

Find DEMOs here!