Buttons
Buttons allow users to perform actions with a single tap or click.
Button Roles
Buttons can have different roles to indicate their purpose and importance.
Confirm
Confirm buttons are used to indicate a positive action, such as saving changes or submitting a form.
Destructive
Destructive buttons are used to indicate a negative or potentially harmful action, such as deleting data.
Cancel
Cancel buttons are used to indicate a negative or potentially harmful action, such as deleting data.
Close
Close buttons are used to dismiss modals, dialogs, or other temporary views.
Button Styles
Buttons can have different styles to match the design and context of the application.
Bordered Prominent
Bordered Prominent buttons are used to highlight primary actions that require user attention.
Bordered
Bordered buttons are used for secondary actions that are less prominent than primary actions.
Borderless
Borderless buttons are used for actions that require minimal visual emphasis.
Link
Link buttons are used for actions that require minimal visual emphasis and are typically styled as hyperlinks.
Plain
Plain buttons are used for actions that require minimal visual emphasis.