Form Basic Elements

Basic Elements

eg.someone@example.com

email@pixinvent.com

Find helper text here for given textbox.

Control Sizing Options

Large Input class .form-control-lg

Large Input class .form-control-lg for select

Small Input class .form-control-sm

Small Input class .form-control-sm for select

Input Validation States

Use.has-danger class for danger state

Use.has-success class for success state

Use.has-warning class for warning state

Input with Icons

Icon Left class .has-icon-left, Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Icon Left class .has-icon-left, Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Small Input with Left Icon

Icon Left class .has-icon-left, Small Input class .form-control-sm& .font-small-4 class for Small Icon

Small Input with Right Icon

Small Input class .form-control-sm& .font-small-4 class for Small Icon

Round Input with Icon

Use class .has-icon-left class for Left Icon.

Round Input with Right Spin Icon

Default right icon. No classes needed.

Default Input with Spin Icon

Icon Left class .has-icon-left & .spinner class to spin the Icon

Default Input with Right Spin Icon

.spinner class to spin the Icon