Colors
Use color prop to change the button color.
customization section.Variants
You can use the prop variant to change the variant.
solid is default variant.Icons
You can use the prop icon to display a icon, use any icon from icônes or iconify.
If necessary you can change the direction or rotate the icon.
To change the position use the propicon-position and to change the rotation use icon-rotation.Block
You can use the prop block to make the button fill the div width.
Roundness
You can use the prop radius to adjust the roundness of the button.
sm is default roundness.Sizing
You can use the prop size to adjust the sizing of the text.
md is default size.Padding
You can use the prop padding to adjust the padding button.
md is default padding.Loading / Disable
You can disable the button in two ways, using a loader to wait some action or simple passing a disable prop.
By using a loader you can use the prop loading or for a fully disable use the prop disabled.
icon-position.Link
Use the prop to for convert the Button into a nuxt-link.
Playground
Play with all possible button props combinations below.
The combinations will reflect in the code examples above.