Materialish

Chips

Chips are versatile, compact elements that represent an input, attribute, or action. Materialish provides several different Components that reflect the different uses of Chips.

Although each chip is visually similar, they are implemented with different DOM elements under-the-hood, and consequently behave in slightly different ways.

Pick the Chip that is most appropriate for your use case.

Preview
Name
Element
Description
San Francisco
div
represents an entity or different attributes
button
an alternative to buttons
Phone
radio
an alternative to radio buttons
Netflix
checkbox
an alternative to checkboxes

Useful Links