Multicheckbox

• Demo
• Props
• Events

Demo

Steals

Rebounds

Points

Select all

Chris Paul

Allen Iverson

John Stockton

Isiah Thomas

<multicheckbox
  name="stats"
  :options="players"
  :selected-options="[1, 2]"
  :subsets="[
    { id: 'steals', name: 'Steals' },
    { id: 'rebounds', name: 'Rebounds' },
    { id: 'points', name: 'Points' }
  ]"
  :selected-subset-options="{
    steals: [],
    rebounds: [1],
    points: [1, 2]
  }"
/>

Props

name	Type String Default multicheckbox

filter

Type Boolean Default true Description Show the keyword filter?

placeholder

Type String Default Filter list

select-all-label

Type String Default Select all

options

Type Array Default [] Description Example: [{ id: 1, name: 'Option 1' }, { id: 2, name: 'Option 2' }]

selected-options

Type Array Default [] Description Example: [1, 2]

subset-name

Type String Default subset

subsets

Type Array Default [] Description Example: [{ id: 'steals', name: 'Steals' }, { id: 'rebounds', name: 'Rebounds' }, { id: 'points', name: 'Points' }]

selected-subset-options

Type Array Default [] Description Example: [{ id: 'steals', name: 'Steals' }, { id: 'rebounds', name: 'Rebounds' }, { id: 'points', name: 'Points' }]

disabled

Type Boolean Default false

Events

selected

Parameters Ids (Array), Selected subset ids (Array) Description Emitted when a selection is made.