Selection

Selection Group

Headless selection coordinator for single, multiple, mandatory, and limited modes.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Design

Build

Properties

Multiple

Mandatory

Disabled

Vue

<m-selection-group
  :multiple="false"
  :mandatory="false"
  :disabled="false"
  v-model="value"
>
  <m-selection-item
    value="design"
  >
    <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>