Base Inputs

Basic Form

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

Floating Form

Use form-floating to 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 to define 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.

Maximum Length
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 to define border-radius.

(class="!mb-3")
Raise Input Style

Use input-air-* to define bottom box-shadow.

Dynamic Form Field

Use id #cart_fields to dynamically add form fields.

Auto Size Textarea

Use autosize-textarea to define custom textarea and javascript textarea.

Max Length Elements

Use [*-maxlength] classes to define maxlength for textarea and inputs.