{{page.title}} // {{page.subtitle}}

Basic Usage

Option {{item}}

Use a custom chip template.

{{$chip}} (fruit)

Use the default chip template.


Use Placeholders and override hint texts.


Display an ordered set of objects as chips (with custom template).

{{$chip.name}} ({{$chip.type}})
Readonly

Contact Chips

Option {{item}}
Contacts {{contact.name}}

{{contact.name}}

{{contact.email}}

 {{contact.name}}

{{contact.name}}

{{contact.email}}

Custom Inputs

Option {{item}}

Use an input element with no model to build an ordered set of chips.


Use an input element to build an ordered set of chips.


Use md-autocomplete to build an ordered set of chips.

{{item.name}} :: {{item.type}} {{$chip.name}} ({{$chip.type}})

Vegetable Options

{{veg.name}}

{{veg.type}}

Static Chips

Option {{item}}

Display a set of items as chips.

Hockey Lacrosse Baseball {{ctrl.chipText}}

Static chips cannot be selected, removed or edited, and are not part of any model.
If no ng-model is provided, there are no input elements in md-chips.