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

Go to api


Chips come in 4 primary variations. Regular, with icon, with portrait and closeable.

Any color from the Material Design palette can be used to change a chips color.

Chips can use text or any icon available in the Material Icons font library.

Outlined chips inherit their border color from the current text color.

Label chips use the v-card border-radius.

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.

Selects can use chips to display the selected data.