Material Admin

David Villa Jacobs
Sorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis lobortis sapien non posuere
Candice Barnes
Quisque non tortor ultricies, posuere elit id, lacinia purus curabitur.
Jeannette Lawson
Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis
Darla Mckinney
Duis tincidunt augue nec sem dignissim scelerisque. Vestibulum rhoncus sapien sed nulla aliquam lacinia
Rudolph Perez
Phasellus a ullamcorper lectus, sit amet viverra quam. In luctus tortor vel nulla pharetra bibendum
David Villa Jacobs
Sorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mattis lobortis sapien non posuere
Candice Barnes
Quisque non tortor ultricies, posuere elit id, lacinia purus curabitur.
Jeannette Lawson
Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis
Darla Mckinney
Duis tincidunt augue nec sem dignissim scelerisque. Vestibulum rhoncus sapien sed nulla aliquam lacinia
Rudolph Perez
Phasellus a ullamcorper lectus, sit amet viverra quam. In luctus tortor vel nulla pharetra bibendum
HTML5 Validation Report
95% Complete (success)
Google Chrome Extension
80% Complete (success)
Social Intranet Projects
20% Complete
Bootstrap Admin Template
60% Complete (warning)
Youtube Client App
80% Complete (danger)

## Form Components

## Input Groups Extend form controls by adding text or buttons before, after, or on both sides of any text-based inputs.

Basic Example - Place one add-on or button on either side of an input. You may also place one on both sides of an input.

Floating Labels - Basic example for input groups with floating labels

Full Name
Location
Layers

Different Sizes - You may use the extra sizing classes to change size of the fields./p>

## Input Mask An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers etc...

Date
Time
Date Time
CEP
Phone Number
Phone with Odd
US Phone Number
CPF
Money
IP Address
Percentage
Credit Card

## Select 2 Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Basic Example - Single Select

Placeholder Text

Disabled Select

Disabled Results

Hide Search Box

Multiple

## Toggle Switch CSS only Checkbox based toggle Switches.

Basic Example

Active State

Disabled

## Input Slider noUiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices.

Basic Example

Range Slider

Output Values

## Date Time Picker Date/time picker widget based on twitter bootstrap

Basic Example - Date and Time Picker

Date Picker only

Time Picker only

## Color Picker Simplt HEX and HSL color picker with customizable options

## Simple File Input This file input plugin allows you to create a visually appealing file or image input widgets

Basic Example

Select file Change

Image Preview

Remove Select image Change

Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.