Material Input

{{state.abbrev}}
You must supply a postal code.
That doesn't look like a valid postal code.
Don't use the long version silly...we don't need to be that specific...

Material Radio Button

Basic Usage

Radio buttons Apple Banana Mango

Disabled {{ d.label }}

Colors Default Primary Warn

Multi Column

{{person.title}}
{{person.fullName}}
Selected User: {{selectedUser()}}

Material Checkbox

Basic Usage

Checkbox {{ checkbox.cb1 }} {{ checkbox.cb2 }} No Ink

Disabled Checkbox: Disabled Checkbox: Disabled, Checked

Colors Default Pimary Warn

Syncing

{{ item }} selected
Selected Items: {{selected | json}}

Material Switch

Normal Switches
Switch 1: {{ switchData.cb1 }} Switch 2 {{ switchData.cb2 }} Switch (md-primary): No Ink
Radio Switch
Switch (Disabled) Switch (Disabled, Active)
Switch Colors
Default Primary Warn

Material Select

Basic Select

{{state.abbrev}}

Option Groups

{{topping.name}} {{topping.name}}

Material Datepicker

Standard date-picker

Disabled date-picker

Date-picker with min date and max date

With ngMessages

This date is required!
Date is too early!
Date is too late!

Material Autocomplete

Basic Usage

Search for matches from local or remote data sources.

{{item.display}} No states matching "{{ctrl.searchText}}" were found. Create a new one!
Simulate query for results? Disable caching of queries? Disable the input?

Material Slider

RGB      

R
G
B

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

default
md-warn
md-primary

Disabled

Disabled, Discrete

Material Chips

Default

Use Placeholders

Inputs, Input Variants, Textarea

Some help text goes here.
@
.00
$ .00

Typeahead (Autocomplete)

State is: {{selected}}

Datepicker

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

Format:

Today 2009-07-24
Min date Clear

Timepicker

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

Hours step is:

Minutes step is:

12H / 24H
Set to 14:00
Clear

Rating

{{percent}}%

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

Toggle Readonly Clear
Colorful and Sizing

Editor