Switchs
Switch 1: {{ data.cb1 }} Switch 2 (md-warn): {{ data.cb2 }} Switch (Disabled) Switch (Disabled, Active) Switch (md-primary): No Ink Switch 5 message: {{ message }}
Slider
R
G
B

Rating: {{rating}}/5 - demo of theming classes


default
md-warn
md-primary

Disabled



Disabled, Discrete
Radio Buttons and Checkbox

Selected Value: {{ data.group1 }}

Apple Banana Mango

Selected Value: {{ data.group2 }}

{{ d.label }}

Add Remove

Checkboxes
Checkbox 1: {{ data.cb1 }} Checkbox 2 (md-warn): {{ data.cb2 }} Checkbox: Disabled Checkbox: Disabled, Checked Checkbox (md-primary): No Ink
Select
One Two Select
Spinner
File upload button
Autocomplete

Use <md-autocomplete> to search for matches from local or remote data sources.

{{item.display}}
Simulate query for results? Disable caching of queries? Disable the input?

By default, <md-autocomplete> will cache results when performing a query. After the initial call is performed, it will use the cached results to eliminate unnecessary server requests or lookup logic. This can be disabled above.
Datepicker

Date is: {{dt | date:'fullDate'}}

Format:

Today
2009-08-24
Toggle Weeks
Clear
Min date
Timepicker

Time is: {{mytime | date:'shortTime' }}

Hours step is:

Minutes step is:

Basic input usage
Input validations - Top Secret project
This is required.
The name has to be less than 30 characters long.
This is required.
You've got to charge something! You can't just give away a Missile Defense System.
You should charge at least $800 an hour. This job is a big deal... if you mess up, everyone dies!
$5,000 an hour? That's a little ridiculous. I doubt event Bill Clinton could afford that.
Input Icons

Tags Input
File upload with Drag and Drop
Drag and drop files here
Rating
{{percent}}%

Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || "none"}}

Clear Toggle readonly
Colorful and Sizing