Agastya - Admin & Dashboard Template

Default Input

To use add class .form-control to the <input>

Input With Helper Text

Add span with text after <input>

Password

Add attribute type="password" to set <input>

Disabled Input

Add attribute disabled to disable <input>

Predefined Input Value

Add attribute value="VALUE" to set predefined value.

Readonly Input Field

Add attribute readonly to set field readonly.

Input With Placeholder

Add attribute placeholder="..." to <input>

Maximum Value

Add attribute maxlength="6" to <input>

Minimum Value

Add attribute minlength="5" to <input>

Input Type Options

Input Type Text

Using attribute type="text" to <input>

Input Type Password

Using attribute type="password" to <input>

Input Phone Number

Using attribute type="tel" to <input>

Input Type Email

Using attribute type="email" to <input>

Input Type URL

Using attribute type="url" to <input>

Input Type Search

Using attribute type="search" to <input>

Input Type Numbers

Using attribute type="number" to <input>

Input Type Date Time

Using attribute type="datetime-local" to <input>

Input Type Date

Using attribute type="date" to <input>

Input Type Time

Using attribute type="time" to <input>

Input Type Week

Using attribute type="week" to <input>

Input Type Month

Using attribute type="month" to <input>

Input Type Color

Using attribute type="color" to <input>

Bootstrap Colorpicker

Use classs .form-control-color for bootstrap colorpicker

Input Type Range

Using attribute type="range" to <input>

General Textarea

Textarea

Textarea With Placeholder

Textarea With Helper Text

Inline Checkboxes & Radios

Inline Default Checkbox

3 (disabled)

Inline Default Radio Button

3 (disabled)

Inline Custom Checkbox

Inline Custom Radios

General Select

Select

Form Select

To use add class .form-select

Multiple Select

To use add multiple to the field

Select With Addons

To use add class .input-group-prepend to the div

Select With Buttons

To use add class .input-group-append to the div

File Upload

Default File Upload

To use add class .form-control-file to the div

Custom File Upload

To use add class .custom-file-input to the div

Custom File Upload with Button Left

To use add class .input-group-prepend to the div

Custom File Upload with Button Right

To use add class .input-group-append to the div

Different Style in Helper Text

Left Helper Text

To use add class .justify-content-start to the text

Center Helper Text

To use add class .text-center to the text

Right Helper Text

To use add class .justify-content-end to the text

Inline Helper Text

To use add row to the div

Inline Helper Text With Color

To use add row to the div

Input With Validaton

Input With Success

To use add class .is-valid to the input

Input With Danger

To use add class .is-valid to the input

Inline Input With Success

To use add class .form-horizontal to the input

Inline Input With Danger

To use add class .form-horizontal to the input

Input Text Styles

Input Text Bold

Use classs .fw-bold for <input>

Input Text Normal

Use classs .fw-normal for <input>

Input Text Light

Use classs .fw-light for <input>

Input Text Italic

Use classs .fw-italic for <input>

Input Text Lowercase

Use classs .text-lowercase for <input>

Input Text Uppercase

Use classs .text-uppercase for <input>

Input Text Capitalize

Use classs .text-capitalize for <input>

Theme Settings

Theme

Header

Sidebar

Left Sidebar Bg Image

Scheme

Layout

Table Designs

Fonts

Input

Buttons Styles

Forms Inputs