Tour

- Persian new

Pages
- Dashboard
- Dark Dashboard
- Login
- Login Colored

Customize
- Color
- Typography
- Dark Mode
- Rtl
- SideBar

Element

- Animation
- Icon

Base Component 9
- alert
- Badge
- Breadcrumb
- Button
- Card
- Collapse
- Input
- Jumborton
- Pagination
- Progress

Extra Component
- Modal
- Toast
- Widget
- Chart

support

- GitHub
- Submit Issue
- Help

donate

- Buy me a coffee

# Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
"You have to add mentions classes to bootstrap Buttons."

#### Flat Button

###### btn flat f-*

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

#### Main Button

###### btn main f-*

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

#### Shade Button

###### btn shade f-*

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

> #### Outline Button

###### btn outlined o-* c-*

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

> #### Dashed Outline Button

###### btn outlined dashed o-* c-*

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

> #### Toggle Button

###### btn outlined f-toggle-* o-* c-*

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

> #### Drobdown Button

Dropdown link
Dropdown link
Dropdown link
Dropdown link
Dropdown link
Dropdown link

#### bootstrap Button