Josephin Doe
Generic placeholder image

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

8:20 a.m.

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

8:20 a.m.

Generic placeholder image

Basic Form Inputs

Lorem ipsum dolor sit amet, consectetur adipisicing elit
Switches
Use Bootstrap 5 .form-check.form-switch

Default Switch

Multiple Switches

Disabled Switch

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

Radio Fill Button

Radio outline Button

Radio Button

Color Radio Button

Color Radio material Button

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

Border Checkbox

Fade-in Checkbox

Color Checkbox

zoom Checkbox

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