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

Light / Dark / System

  • 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