/

Buttons


Default

Button class with <a> and <input>

Outline styles

Button sizes

Block

Full width using sizing utility

Full width using display utility

Column width

Multiple block buttons

Responsive

Block

Active

Disabled

Disabled link

Button Plugin

Toggle buttons

Toggle links

Not activeActiveDisabled
BS5Button(["btn-primary"], ["data-bs-toggle":"button", "autocomplete":"off"], "Not active"),
    BS5Button(["btn-primary", "active"], ["data-bs-toggle":"button", "autocomplete":"off", "aria-pressed":"true"], "Active"),
    BS5Button(["btn-primary"], ["data-bs-toggle":"button", "autocomplete":"off","disabled":"disabled"], "Disabled"),
    H5A(["btn", "btn-primary"], ["href":"#", "role":"button", "data-bs-toggle":"button"], "Not active"),
    H5A(["btn", "btn-primary", "active"], ["href":"#", "role":"button", "data-bs-toggle":"button", "aria-pressed":"true"], "Active"),
    H5A(["btn", "btn-primary", "disabled"], ["href":"#", "role":"button", "data-bs-toggle":"button"], "Disabled")