Vuance UI Kit

Selection

Selection Item

Registered selectable item that exposes group-derived state through its slot.

Selection Item

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Design Build

Properties

Selected

Disable Design

Vue

<m-selection-group
  v-model="value"
>
  <m-selection-item
    value="design"
    :disabled="false"
  >
    <m-chip
      type="filter"
    >
      Design
    </m-chip>
  </m-selection-item>
  <m-selection-item
    value="build"
  >
    <m-chip
      type="filter"
    >
      Build
    </m-chip>
  </m-selection-item>
</m-selection-group>