HexaBit

Please wait...

Choose Theme
General Settings
Account Settings

Buttons

  • UI Elements
  • Buttons
Create New

ButtonsYou can use classes which names are .btn .btn-primary .disabled .btn-outline-primary

.btn .btn-primary
.btn .btn-secondary
.btn .btn-success
.btn .btn-danger
.btn .btn-warning
.btn .btn-info
.btn .btn-light
.btn .btn-dark
.btn .btn-link
Disabled State
.btn .btn-primary .disabled
.btn .btn-secondary .disabled
.btn .btn-success .disabled
.btn .btn-danger .disabled
.btn .btn-warning .disabled
.btn .btn-info .disabled
.btn .btn-light .disabled
.btn .btn-dark .disabled
.btn .btn-link .disabled
Outline buttons
.btn .btn-outline-primary
.btn .btn-outline-secondary
.btn .btn-outline-success
.btn .btn-outline-danger
.btn .btn-outline-warning
.btn .btn-outline-info
.btn .btn-outline-light
.btn .btn-outline-dark
Buttons Rounded
.btn .btn-primary .btn-round
.btn .btn-secondary .btn-round
.btn .btn-success .btn-round
.btn .btn-danger .btn-round
.btn .btn-warning .btn-round
.btn .btn-info .btn-round
.btn .btn-light .btn-round
.btn .btn-dark .btn-round

Button tags

Link

Button group

Button toolbar
@
Nesting
Dropdown link Dropdown link
Different Sizing