@@include('../layouts/head-page-meta.html', {'title': 'Button'}) @@include('../layouts/head-css.html')
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html')
@@include('../layouts/component/component-menu-list.html')
@@include('../layouts/component/component-breadcrumb.html',{ title:'Button', text:'Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.', link:'https://getbootstrap.com/docs/5.2/components/buttons/' })

##### 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
@@include('../layouts/footer-js.html') @@include('../layouts/component/layout-component-footer-js.html') @@include('../layouts/customizer.html')