# Form METRO STYLE ADMIN PANEL

## Default form elements

Input Text:
Input Password:
Readonly:
Disabled:
Textarea:

## Inputs with pre/appends

Prepend:
Controlled by JavaScript
Append:
Both:
Prepend button:
Append button:
Both:

## Custom form elements

Select:
Multiple:
Select2:
Select2 multiple:
Tags input:
Checkbox:
Checked Unchecked Disabled
Radio:
Checked Unchecked Disabled
File:
Spinner:
Currency:
Datepicker:

## Other text inputs

Warning:
Lorem ipsum dolor sit amet
Error:
Lorem ipsum dolor sit amet
Success:
Lorem ipsum dolor sit amet
Info:
Lorem ipsum dolor sit amet
Custom length

## Masked inputs

Date:
Example: 2012-12-21
Phone:
Example: 98 (765) 432-10-98
Phone + Ext:
Example: 98 (765) 432-10-98 x9999
Credit:
Example: 9876-5432-1098-7654
TIN:
Example: 98-7654321
SSN:
Example: 987-65-4321
Product:
Example: A1-234-B567
Percent:
Example: 50%

## Multiselect

Default:
With controls: