Base Inputs

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.