4.17.0






Button

Button Variants


The primary button is used for the most important button on the page. Secondary buttons can be used for actions that are less important. Button links can be helpful for buttons that do not need a lot of attention drawn to them. Disabled buttons are used when you don't want the user to click the button.

Button Variants Dark


Button Full Width


This button is used many times for mobile or other things like cards and sidebars.

Button Loading


Used when a button will take a little while to load. The spinner lets the user know that the button has worked and it is in the process of loading.

Button Block Content


Button Accessibility Options

Button with ARIA
Button Additional Options



Things to Avoid

Never use more than one primary button on a page at any given time.

Available Props
id
data
classname
aria
children
margin
margin_bottom
margin_left
margin_right
margin_top
margin_x
margin_y
padding
padding_bottom
padding_left
padding_right
padding_top
padding_x
padding_y
dark
disabled
full_width
link
loading
new_window
variant
text
type
value