Buttons

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

The Primary Button description from Figma goes here

<button class="btn btn-primary">Primary Button</button>

The Secondary Button description from Figma goes here

<button class="btn btn-secondary">Secondary Button</button>

The Outline Danger Button description from Figma goes here

<button class="btn btn-custom-type">Warning Button</button>

The Danger Button description from Figma goes here

<button class="btn btn-danger">Danger Button</button>

The Dark Button description from Figma goes here

<button class="btn btn-dark">Dark Button</button>

The Light Button description from Figma goes here

<button class="btn btn-light">Light Button</button>

The Outline Secondary Button description from Figma goes here

<button class="btn btn-outline-secondary">Outline Button</button>

<button class="btn btn-primary btn-sm">Button text</button>

<button class="btn btn-primary btn-md">Button text</button>

<button class="btn btn-primary btn-lg">Button text</button>

Make it clear what this button does for the user.

DON'T

Use more than two words for call to action.

First letter of each sentence defaults to a capital letter.

Attribute indicating if the element should be.

Complete list of all CSS classes for the component.