Default Chips
Helps you represent simple data with Various options.you can create a chip by using .chip
and .chip-body
. to add avatar use class .avatar
inside .chip-body
. use class .chip-text
for chip text.

Colors
use class .chip-{color-name}
with .chip
to change background color of chip.

Colored Avatar
You can change background color of avatar by using .bg-{color-name}
with .avatar
Icons
To add icons in your chips wrap them inside .avatar
Closeable
To make your chip closeable use class .chip-closeable
Customized Closeable Icon
You can change closeable icon by wrapping your preferred icon in .chip-closeable