Static Chips

Chip 1

Chip 2

Chip 3

Basic Chip 1

Basic Chip 2

Basic Chip 3

Selected/Colored

With Events cancel

Dynamic Chips

You can easily put the the <md-chip-list> inside of an <md-form-field>.

{{person.name}} cancel

You can also put <md-form-field> outside of an md-chip-list. With mdChipInput the input work with chip-list

{{person.name}} cancel

The example above has overridden the [separatorKeys] input to allow for ENTER, COMMA and SEMI COLON keys.

Selectable Removable Add on Blur

You can also stack the chips if you want them on top of each other and/or use the (focus) event to run custom code.