AdminWrap - Easy to Customize Bootstrap 4 Admin Template

Animated line inputs

Just add `form-material` class to the form that's it.

Default Text e.g. "George deo"

Email e.g. "example@gmail.com"

Password

Placeholder

Text area

Input Select

File upload

Select file Change Remove

Helping text A block of help text that breaks onto a new line and may extend beyond one line.

Line Inputs Forms

Just add `form-control-line` class to form

Default Text e.g. "George deo"

Email e.g. "example@gmail.com"

Password

Placeholder

Text area

Input Select

File upload

Select file Change Remove

Helping text A block of help text that breaks onto a new line and may extend beyond one line.

Input States

Just add `.has-success, .has-warning, .has-danger` class to the `.form-group` div. Add `.form-control-success, .form-control-warning, .form-control-danger` class in the `input` tag.

Success State

Warning State

Error State

Success State with Feedback

Success! You've done it.

Warning State with Feedback

This is last warning!!

Error State with Feedback

It's too dangerous!!

Luanch Admin

Event today

Settings

Pavan kumar

Pavan kumar

Sonu Nigam

Arijit Sinh

Pavan kumar

Collapsible Group Item #1

Collapsible Group Item #2

Collapsible Group Item #3

Steave Jobs

Material Form

Animated line inputs

Just add form-material class to the form that's it.

Line Inputs Forms

Just add form-control-line class to form

Input States

Just add .has-success, .has-warning, .has-danger class to the .form-group div. Add .form-control-success, .form-control-warning, .form-control-danger class in the input tag.

Just add `form-material` class to the form that's it.

Just add `form-control-line` class to form

Just add `.has-success, .has-warning, .has-danger` class to the `.form-group` div. Add `.form-control-success, .form-control-warning, .form-control-danger` class in the `input` tag.