Vue Material 3

Appearance

Chips ​

Chips represent compact actions, filters, inputs, and suggestions.

scheduleAssist
lightbulbSuggestion
Filter
Input
Day
Week
Month

Import ​

js
import { MdAssistChip, MdChipSet, MdFilterChip, MdInputChip, MdSuggestionChip } from 'vue-material-3';

Usage ​

vue
<MdChipSet v-model="selectedChip" selection-mode="single">
  <MdFilterChip label="Day" :value="1" />
  <MdFilterChip label="Week" :value="2" />
</MdChipSet>

Storybook ​

Use Storybook for chip variants.