## Controls

Custom and styled checkboxes and radios to use in your forms

###### Checkbox

Unchecked
Checked
Disable and unchecked
Disable and checked

###### Radio

Unchecked
Checked
Disable and unchecked
Disable and checked

###### Switches

On
Off
Disabled

## Inputs

Text inputs, selects and textarea in three different sizes

##### Text inputs

Small
Normal
Large

##### Select inputs

Small
Normal
Large

##### Textarea

##### Validation

Valid
Looks good.
Invalid
Provide a valid value.

##### Uploader

Choose file

## 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.