# Button

Buttons allow users to take actions, and make choices with a single tap.

## Variants

### Primary Button

The primary button is used for the most important action on a page or in a view.

### Secondary Button

Outlined buttons are divided into primary and secondary. Outlined primary buttons should be used sparingly to communicate actions that are not the most important but still relevant to the user.

### Text Button

Text buttons should only be used to the least important actions, such as cancelling.

### Danger Button

Text buttons should only be used to the least important actions, such as cancelling.

## Usage Guidelines

- Buttons may contain icon, on the left or the right side

- Button width is set by it’s content, avoid changing it width

- Use only one primary button, and any remaining calls to action should be represented as lower emphasis buttons

### Writing Guidelines

- Buttons use **Title Case** for their labels

To learn more about Bento's writing guidelines, please refer to our [UX Writing Styleguide](https://zenput.atlassian.net/wiki/spaces/PD/pages/2174222846/UX+Writing+Style+Guide)