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.

reCAPTCHA


A system designed to establish that a computer user is human not a robot.

To use reCAPTCHA, you should get a sitekey from Google and insert it into your /assets/js/script.js. Please open script.js to learn how you can get one.

Now, you can create a reCAPTCHA with <div data-provide="recaptcha"></div> and set the settings using data attributes. See available data attributes. Also, learn how you can verify the user's response here or here.


Default
Center aligned
Dark
Enable Submit

Line Inputs


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

@

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.

Transparent Inputs


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

@

Looks good.
Provide a valid value.

Round Inputs


Text inputs, selects and textareas with a round borders.

@

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.