<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 |