Material Chips

Chips can be used for various types of entities, including brief information, free form text, or short title. Chips may also contain icons or photos.

Chip Label CChip with Icon Chip ImageChip with Image

Chips can be deletable. A delete icon can be displayed if a chip is deletable.

Chip Label

Chips can be interactive. Use <a> s or <button> s to create actionable chips with active, focus and hover states by adding .chip-action. Chip Action Label C Chip Action Label

CChip Action with Icon Chip ImageChip Action with Image

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now