Extended from PrimeVue Button and NuxtLink
When using a button, please ensure that the copy style is Sentence case.
Icons inside default buttons are sized automatically to 24px; and in small buttons to 18px.
This is the default style for buttons. For a small button, use the size="sm" prop value.
For this style, add the outline boolean prop.
This variant will render a button with the appearance of a link while maintaining the default padding and size of a button. This is useful when the link button will appear next to another button (e.g. within a modal), as they will remain vertically aligned relative to each other.
Use the variant="link" prop value to enable it.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do incididunt ut labore et dolore magna aliqua.
These variants are only meant to be used against a dark blue background. Use the variant="dark-bg" prop value to enable them.
For this style, add the outline boolean prop.
This example shows how to use the spinner from Bootstrap Vue to display a loading indicator within a button.
hrefStringnullinlineBooleanfalseoutlineBooleanfalsesizeString"md"toStringnullvariantString"primary"