Skip to content

Buttons

We use button as main element for click function. Use a disabled attribute disabled="disabled" when a button can't be clicked.

Primary button

1
<button type="button" class="btn btn-primary">Confirm selection</button>

Disabled state

1
<button type="button" class="btn btn-primary" disabled="disabled">Confirm selection</button>

Neutral button

1
<button type="button" class="btn btn-dark">Cancel</button>

Secondary button

1
<button type="button" class="btn btn-secondary">Save</button>

Negative button

1
<button type="button" class="btn btn-danger">Send to trash</button>

Outline button

1
<button type="button" class="btn btn-outline-secondary">Select content item</button>
Read the Docs