Skip to main content

Button

A button is a widget that enables users to trigger an action or even, such as submitting a form, opening a dialog, cancelling an action or performing a delete operation.

Primary

Primary actions should be obvious. Solid, High contrast background colors work great here.

Secondary

Secondary actions should be clear but not prominent. Outline srtles or lower conrtrast background colors are great options.

Tertiary

Tertiary actions should be discoverable but not unobtrusive. Styling these actions like links is usually the best approach.

Destructive

Destructive actions typically result in removal of an item and may result in an undesirable consequence.