md-chip

An implementation of the material design chip


Keywords
web-component, web-components, polymer, chip, md-chip
Install
bower install md-chip

Documentation

<md-chip>

Material design: Chips

<md-chip> implements the material design chip. The following is the example of the <md-chip> usage

<md-chip label="normal"></md-chip>
<md-chip label="removable chip" removable></md-chip>

Styling

The following custom properties are available for styling:

Custom property Description Default
--md-chip-background-color Background color --paper-grey-300
--md-chip-color Foreground color --paper-grey-600
--md-chip-remove-color Remove button foreground color --paper-grey-500
--md-chip-background-color-hover Hover background color --paper-grey-600
--md-chip-color-hover Hover foreground color --paper-grey-300
--md-chip-remove-color-hover Remove button hover foreground color --paper-grey-300