Chips are compact elements that allow users to enter information, select a choice, filter content, or trigger an action.
Action Chips Demo
Choice Chips Demo
Filter Chips Demo
Input Chips Demo
Directive for the (optional) leading or trailing icon of an
Depenending on the position within the
mdcChip the icon will determine
whether it is a leading or trailing icon.
Trailing icons must implement the functionality to remove the chip from the set, and
must only be added to input chips (
mdcChipSet="input"). Chips with a trailing
icon must implement the
Event emitted for trailing icon user interactions.
Directive for the text of an
Directive for a chip. Chips must be child elements of an
Event emitted for user interaction with the chip.
Event emitted when the user has removed (by clicking the trailing icon) the chip. This event must be implemented when the chip has a trailing icon, and the implementation must remove the chip from the set. Without such implementation the directive will animate the chip out of vision, but will not remove the chip from the DOM.
Event emitted when the chip changes from not-selected to selected state or vice versa (for filter and choice chips).
The 'selected' state of the chip. Filter and choice chips are either selected or not selected. Making a choice chip selected, will make all other chips in that set not selected.
Directive for a chip-set (a collection of
Chip sets by default contain 'action' chips. Set this value to