# Button
Component name: <v-button>
# Examples
# Primary buttons
# Secondary buttons (deprecated)
Deprecated
# 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 (tag)
# API
| Name | Type | Description | Default |
|---|---|---|---|
| tag | String | Change the underlying DOM element | a |
| primary | Boolean | Primary variant | true |
| secondary | Boolean | Secondary variant (Deprecated) | 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 |
| go-back | Boolean | Act as the browser back button. Use href attribute to provide a fallback URL in case there is no browser history. | 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.