Chip
The v-chip component is used to convey small pieces of information. Using the close property, the chip becomes interactive, allowing user interaction.

Examples

#1 Default
edit
Chips come in 4 primary variations. Regular, with icon, with portrait and closeable.

#2 Colored
edit
Any color from the Material Design pallette can be used to change a chips color.

#3 Icon
edit
Chips can use text or any icon available in the Material Icons font library.

#4 Outline
edit
Outlined chips inherit their border color from the current text color.

#5 Label
edit
Label chips use the v-card border-radius.

#6 Closable
edit
Closable chips can be controlled with a v-model. Listen to the input event if you want to know when a chip has been closed.

API

chevron_leftchevron_right