import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';

<Meta title="Documentation/Buttons/Anatomy" />

# <img src="./BmsIcon.png" /> Anatomy

Buttons allow users to perform an action or to navigate to another page. They have multiple styles for various needs, and are ideal for calling attention to where a user needs to do something in order to move forward in a flow.

![](./button/OrimaryButtonRepresentation.png)

## Rules

<table>
  <tr>
    <td>✅ Do</td>
    <td>⛔ Don&#39;t</td>
  </tr>
  <tr>
    <td>![](./button/DoButtonLabel.png)</td>
    <td>![](./button/DontButtonLabel.png)</td>
  </tr>
</table>

_Limit to maximum three words in button label_
