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