Button

Component name: <v-button>

Examples

Primary buttons

Secondary buttons

Loading state

Automatic icons

Notice

  • If a url provided as href contains the query parameter SC_LOCKED the item will be styled as locked.
  • If target="_blank" has been provided the item will be styled as an external link.

Change sizes

Change underlying element

API

Name Type Description Default
tag String Change the underlying DOM element a
primary Boolean Primary variant true
secondary Boolean Secondary variant false
link Boolean Link variant false
link-icon Boolean Link variant with icon false
small Boolean Small size false
medium Boolean Medium size true
large Boolean Large size false
inverted Boolean Inverted variant false
loading Boolean Show loading indicator false

Notice

All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class attribute.