Form Shortcodes

Examples and usage guidelines for form control styles, layout options, and
custom components for creating a wide variety of forms.

Get Started
vertex

Controls


Custom and styled checkboxes and radios to use in your forms

Checkbox
Radio
Switches

Inputs


Text inputs, selects and textarea in three different sizes

Text inputs


Select inputs


Textarea


Validation
Looks good.
Provide a valid value.


Uploader

Input group


Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

Text addon
@
@example.com
$
.00


Icon addon


Sizes
@
@
@


Validation
Looks good.

Provide a valid value.

Line Inputs


This minimal inputs only have bottom border which becomes primary-colored on focus.

@

Looks good.
Provide a valid value.
@

Looks good.
Provide a valid value.

Border Inputs


This type of inputs have a primary-colored border on focus instead of box-shadow.

@

Looks good.
Provide a valid value.

Round Inputs


Text inputs, selects and textareas with a round borders.

@

Looks good.
Provide a valid value.

Transparent Inputs


Text inputs, selects and textareas to use in a dark background.

@

Looks good.
Provide a valid value.

Glass Inputs


Text inputs, selects and textareas to use in a dark background.

@

Looks good.
Provide a valid value.