Chips represent complex entities in small blocks, such as a contact.
While included here as a standalone component, the most common use will be in some form of input, so some of the behaviour demonstrated here is not shown in context.
Examples of Chips, using an image Avatar, SVG Icon Avatar, "Letter" and (string) Avatar.
onClickproperty defined change appearance on focus, hover, and click.
onDeleteproperty defined will display a delete icon which changes appearance on hover.
An example of rendering multiple Chips from an array of values.
Deleting a chip removes it from the array. Note that since no
onClick property is defined, the Chip can be focused, but does not
gain depth while clicked or touched.