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

        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

#####

        Small Light Circle Buttons

#### Circle Buttons

##### Light Circle Buttons

#####

        Light Circle Buttons

#### Circle Large buttons

##### Light Circle Large Buttons

#####

        Light Circle Large Buttons

#### Circle Extra Large buttons

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

#### Toolbar with Jutify Content Input Group

#### Button with js elements

#### Button with Checkbox

1 Checked
2 Checkbox 2
3 Checkbox 3

                1Checked

                2Checkbox 2

                3Checkbox 3

#### Button with Radio

1 Radio 1
2 Radio 2
3 Radio 3

                1Radio 1

                2Radio 2

                3Radio 3

#### Nesting buttons with small size

#### Nesting buttons with regular size

#### Nesting buttons with large 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

##### Quick Page Links

- Analytics /dashboards/dashboard1
- eCommerce /dashboards/dashboard2
- CRM /dashboards/dashboard3
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop
- Modern /dashboards/dashboard1
- Dashboard /dashboards/dashboard2
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop