Vuance UI Kit

Selection

Chip

Compact assist, filter, input, or suggestion action.

Chip

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Design system

Properties

Type

Disabled

Vue

<m-chip
  type="assist"
  :disabled="false"
>
  Design system
</m-chip>

MChip API

Props, slots, and events are extracted from the current public UI Kit contract.

MChip

Selection family
src/runtime/components/ui/chip

Props

NameTypeDefault
type
'assist' | 'filter' | 'input' | 'suggestion''assist'
valueSelection value inside a `<MChipGroup>`. Undefined keeps the chip standalone.
unknownundefined

Slots

Events

MChip does not emit component-specific events. Native events fall through to its root element.