#### Form Input Grid

##### Bootstrap 5 Default Switch

Default switch checkbox input
Checked switch checkbox input
Disabled switch checkbox input
Disabled checked switch checkbox input

##### Bootstrap Switch - Size

Just add `data-size="Size"` attribute to the `<input type="checkbox"...>`. Size values: `mini, small, normal, large`.

##### Bootstrap switch - Disabled/Readonly

Just add `disabled` or `readonly` attribute to the `<input type="checkbox"...>`.

##### Bootstrap Switch - Colors

Just add `data-on-color="Color"` & `data-off-color="Color"` to the `<input type="checkbox"...>`. Color values: `primary, info, success, warning, danger, default`.

##### Bootstrap switch - Radio Buttons

Just add class `radio-switch` to the `<input type="radio"...>`. If you want to change the class name, you have to change jquery according to that.

Option 1
Option 2
Option 3

##### Bootstrap switch - With Text

Just add `data-on-text="Text"` & `data-off-text="Text"` to the `<input type="checkbox"...>`.

##### Bootstrap switch - With Long Text

Just add `data-on-text="Long Text"` & `data-off-text="Long Text"` to the `<input type="checkbox"...>`.

##### Bootstrap switch - With Label Text

Just add `data-on-text="Text"` or `data-off-text="Text"` to the `<input type="checkbox"...>`.

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