#### Buttons

##### General Buttons

Use a classes `btn btn-success` to quickly create a General btn.

##### Light Buttons

Use `btn-light` class for light buttons

##### Button with outline

Use a classes `btn btn-outline-success` to quickly create a General btn.

##### Button Tags

The `.btn` classes are designed to be used with the `.<button>` element.

Link

##### Rounded Buttons

Use a classes `btn btn-rounded btn-success` to quickly create a General btn.

##### Rounded light Buttons

Use a classes `btn btn-rounded bg-success-subtle` to quickly create a General btn.

##### Rounded outlined Buttons

Use a classes `btn btn-rounded btn-outline-success` to quickly create a General btn.

##### Button Sizes

Use a classes `btn btn-lg btn-success` to quickly create a General btn.

##### Button Sizes with rounded

Use a classes `btn btn-lg btn-rounded btn-success` to create a btn.

##### Block buttons

Use a classes for `d-grid gap-2`creating a block button.

##### Rounded Block buttons

Use a classe `rounded-pill`.

##### Light Block buttons

Use a classes `d-grid gap-2` to quickly create a block button.

##### Rounded Block buttons

Use a classes `btn btn-block btn-success` to quickly create a General btn.

##### Block outline buttons

Use a classes `btn btn-outline-success` to quickly create a General btn.

##### Rounded outline Block buttons

Use a classes `rounded-pill` to quickly create a General btn.

##### Large Block buttons

Use a classes `btn btn-lg btn-success` to quickly create a General btn.

##### Button with icon

##### Rounded Button with icon

##### Outline Button with icon

##### Rounded Outline Button with icon

##### Light Button with icon

##### Rounded Light Button with icon

##### Small Circle Buttons

##### Small Light Circle Buttons

##### Circle Buttons

##### Light Circle Buttons

##### Circle Large buttons

##### Light Circle Large Buttons

##### Circle Extra Large buttons

##### Light Circle Extra Large Buttons

##### Group buttons

Wrap a series of buttons with `.btn` in `.btn-group`

##### Group buttons sizing

Wrap a series of buttons with `.btn` in `.btn-group-lg , *-sm`

##### Button toolbar pagination

Wrap a series of buttons with `.btn` in `.btn-group`

##### Button Toolbar with Input Group

##### Button Toolbar with Jutify Content Input Group

##### Button with js elements

##### Button with Checkbox

1 Checked
2 Checkbox 2
3 Checkbox 3

##### Button with Radio

1 Radio 1
2 Radio 2
3 Radio 3

##### Nesting buttons with small size

#### Nesting buttons with regular size

#### Nesting buttons with large size

##### Nesting Buttons with vertical align

create vertical button with class of `.btn-group-vertical`

#### Settings

###### Theme

Light Dark

###### Theme Direction

LTR RTL

###### Theme Colors

###### Layout Type

Vertical
Horizontal

###### Container Option

Boxed Full

###### Sidebar Type

Full
Collapse

###### Card With

Border Shadow