Button is a control that initiates an action.
appearance
purpose
Use this option to indicate that a button has a "destructive" purpose, such as deletion of user data.
<Button purpose="destructive">Delete</Button>
In addition to using the "destructive" role, you can create your own custom role and attach custom styles to it.
behaviour
Notes:
By default, button type is set to 'button', not 'submit' as in most browser's defaults. If you'd like to use it as a submit button in a form, specify the 'submit' type explicitly.
Examples:
Popup button: Add example where side changes dynamically based on viewport constraints