Base Inputs

Basic Form

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

Floating Form

Use 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 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 btn-pill through defined border-radius.

Raise Input Style

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