Buttons

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

Reference
Default
Light
Link
Primary link Disabled Primary link Light Success link
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
Dropdown link Dropdown link
Vertical Variation
Dropdown link Dropdown link
Mixed styles
Outlined styles
Checkbox button groups
Radio button groups
Settings
Theme Mode

Light / Dark / System

  • Sidebar theme

    Dark / Light

  • Sidebar Caption

    Show / Hide

  • Theme Layout

    LTR/RTL

  • Layout Width

    Full / Fixed

  • Custom Theme

    Choose your primary theme color

  • Header Theme

    Choose your Header theme color

  • Navbar Theme

    Choose your Navbar theme color

  • Logo Theme

    Choose your Logo theme color

  • Navbar Caption Color

    Choose your Navbar Caption Color

  • Navbar Image

    Choose your Navbar Background Image

  • Dropdown Menu Icon

    Choose your Dropdown Menu Icon

  • Dropdown Menu Link Icon

    Choose your Dropdown Menu Link Icon