- ##### 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

##### Mantis Customizer

- ###### Theme Layout

  Choose your layout

  Direction

  RTL

- ###### Theme Mode

  Choose light or dark mode
  Light Dark

- ###### Color Scheme

  Choose your primary theme color
  Theme 1 Theme 2 Theme 3 Theme 4 Theme 5 Theme 6 Theme 7 Theme 8 Theme 9

- ###### Layout Width

  Choose fluid or container layout
  Fluid Container

- ###### Font Family

  Choose your font family.
  Aa Public Sans Aa Roboto Aa Poppins Aa Inter