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.