Basic Form

Use the .form-label and .form-control through create basic form.

Floating Form

Use the .form-floating through create floating form.

Select Sizing

.form-select to trigger the custom styles. You may also choose from small and large custom selects to match our similarly sized text inputs. class:- [form-select-lg/form-select-sm].

Form Control Sizing

Set heights using classes like .form-control-lg and .form-control-sm.

File Input

For default file/multiple file/disabled file/small file/large file input for use <input> with (type='file').

Flat Input Style

Use the .btn-square through defined 0px border-radius.

Basic HTML Input Control

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

Hello !... This is my magical text

Basic Floating Input Control

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

@
@
Please choose a username.

Edges Input Style

Use the .btn-pill through defined border-radius.

Raise Input Style

Use the input-air-* through defined bottom box-shadow.