Form Basic Elements

Basic Elements

eg.someone@example.com

email@pixinvent.com

Find helper text here for given textbox.

Control Sizing Options

XLarge Form Group

Large Form Group

Small Form Group

XSmall Form Group

XLarge Input class .input-xl

XLarge Input class .input-xl for select

Large Input class .input-lg

Large Input class .input-lg for select

Small Input class .input-sm

Small Input class .input-sm for select

XSmall Input class .input-xs

XSmall Input class .input-xs 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, XLarge Input class .input-xl& .font-medium-4 class for XLarge Icon

Icon Left class .has-icon-left, XLarge Input class .input-xl& .font-medium-4 class for XLarge Icon

XLarge Input class .input-xl& .font-medium-4 class for XLarge Icon

XLarge Input class .input-xl& .font-medium-4 class for XLarge Icon

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

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

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

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

Small Input with Left Icon

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

Small Input with Right Icon

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

Extra Small Input with Left Icon

Icon Left class .has-icon-left, XSmall Input class .input-xs& .font-small-2 class for XSmall Icon

Extra Small Input with Right Icon

XSmall Input class .input-xs& .font-small-2 class for XSmall 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

Theme Customizer


Customize & Preview in Real Time

Layout Options


Navigation Color Options
Solid

Gradient

Solid

Gradient


Menu Color Options