Button
Component name: <v-button>
Examples
Primary buttons
Secondary buttons
Link buttons
Loading state
Automatic icons
Notice
- If a url provided as hrefcontains the query parameterSC_LOCKEDthe 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.