Button styles

Normal buttons

.btn applies to <button>, <a> and <input>


Bold buttons

.btn-bold applies to .btn.


Round buttons

.btn-round applies to .btn


Outline buttons

.btn-outline applies to .btn


Label buttons

.btn-label applies to .btn


Flat buttons

.btn-flat applies to .btn


Pure buttons

.btn-pure applies to .btn


Square buttons

.btn-square applies to .btn


Float buttons

.btn-float applies to .btn


Multiline buttons

.btn-multiline applies to .btn


Extra colors

Apart from defualt Bootstrap colors, TheAdmin supports following colors as well.



Social colors

Button sizes

Consistent width

.btn-w-xs, .btn-w-sm, .btn-w-md, .btn-w-lg and .btn-w-xl applies to .btn. Also, feel free to use .w-* utility classes.


Available heights

.btn-lg, .btn-sm and .btn-xs applies to .btn


Block buttons

.btn-block applies to .btn

Toggle buttons

Single button

Multi select

Single select

Button group

Default

Round

Justified

Vertical

Sizing




Toolbar

Nesting

Dropdown buttons