Josephin Doe

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

#### Basic Form Inputs

Lorem ipsum dolor sit `amet`, consectetur adipisicing elit

##### Switches

Use Bootstrap 5 `.form-check.form-switch`

#### Default Switch

Toggle me

#### Multiple Switches

Option 1
Option 2
Option 3

#### Disabled Switch

Disabled checked
Disabled unchecked

##### Radio

Add class of `.form-control` with `<input>` tag

#### Radio Fill Button

Radio 1
Radio 2
Radio Disable

#### Radio outline Button

Radio 1
Radio 2
Radio Disable

#### Radio Button

Radio-fill 1
Radio-fill 2
Radio-fill Disable

#### Color Radio Button

Default Color
Primary Color
Success Color
Info Color
Warning Color
Danger Color
Inverse Color

#### Color Radio material Button

Default Color
Primary Color
Success Color
Info Color
Warning Color
Danger Color
Inverse Color

##### Checkbox

Add class of `.form-control` with `<input>` tag

#### Border Checkbox

Do you like it?
Primary
Success
Info
Warning
Danger
Disabled

#### Fade-in Checkbox

Default
Primary
Warning
Success
Info
Danger
Disabled

#### Color Checkbox

Default
Primary
Success
Info
Warning
Danger
Disabled

#### zoom Checkbox

Default
Primary
Warning
Success
Info
Danger
Disabled

##### Max Length

Uses native HTML `maxlength` attribute with a vanilla JS character counter

#### Text Input

Native `maxlength` prevents exceeding the limit. A counter shows remaining characters.

25 characters remaining

#### Textarea

Works with textareas too.

255 characters remaining