- ##### Basic Components

- All
- Alert
- Button
- Badges
- Breadcrumb
- Cards
- Color
- Collapse
- Carousel
- Dropdowns
- Offcanvas
- Pagination
- Progress
- List group
- Modal
- Spinner
- Tabs & pills
- Tooltip
- Toasts
- Typography
- Other

- ##### Advance Components

- Sweet alert
- Datepicker
- Lightbox
- Modal
- Notification
- Rangeslider
- Slider
- Syntax Highlighter
- Tour
- Tree view

Explore Components

## Button

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

##### Vertical Variation

##### Mixed styles

##### Outlined styles

##### Checkbox button groups

Checkbox 1 Checkbox 2 Checkbox 3

Checkbox 1 Checkbox 2 Checkbox 3

Checkbox 1 Checkbox 2 Checkbox 3

##### Radio button groups

Radio 1 Radio 2 Radio 3

Radio 1 Radio 2 Radio 3

Radio 1 Radio 2 Radio 3

##### Settings

- ###### Theme Mode

  Choose light or dark mode or Auto

- ###### Sidebar Theme

  Choose Sidebar Theme

- ###### Accent color

  Choose your primary theme color

- ###### Sidebar Caption

  Sidebar Caption Hide/Show

- ###### Theme Layout

  LTR/RTL

- ###### Layout Width

  Choose Full or Container Layout