Explore Components

Button

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Default
Light
Outline
Disabled Button

use .disabled in class .btn class to get Disabled button

Shadow
Sizes [ Large ]

use .btn-lg in class .btn class to get Large button

Sizes [ Small ]

use .btn-sm in class .btn class to get Small button

Button With Icon
Outline Icon Buttons
Button Icon
Basic
Light
Outline
Link
Size
Basic Button Group
Button Toolbar
Button Toolbar Input
Button Toolbar Size

use .btn-group-lg in class .btn-group class to get Large size button group

Nesting
Vertical Variation
Mixed styles

Outlined styles

Checkbox button groups


Radio button groups


Settings
  • Theme Mode

    Choose light or dark mode or Auto

  • Theme Contrast

    Choose theme contrast

  • Custom Theme

    Choose your primary theme color

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout