Multiselect

• Demo
• Props
• Events

Demo

0

Total

Select all

| Random selection

Action

Martial Arts

Treasure Hunts

Adventures

Sea Adventures

Underwater Adventures

Comedy

Parody

Spoofs

Slapstick

Crime & Gangster

Lovers on the run

Mysteries

Film Noir

Drama

High School

Love Story

Soap Opera

Medical

Horror

Science Fiction

<multiselect
  :options="multiselectOptions"
  :subset="true"
  subset-label="Total"
  :randomizer="true"
  randomizer-help-text="Help text."
/>

Props

name	Type String Default multiselect[]

filter

Type Boolean Default true Description Show the keyword filter?

counter

Type Boolean Default true Description Show the counter?

select-all

Type Boolean Default true Description Show the "Select all" control?

placeholder

Type String Default Filter list

select-all-label

Type String Default Select all

options

Type Array Default [] Description Available options

selected-options

Type Array Default [] Description Selected options

id-property

Type String Default id

value-property

Type String Default name

extra-property

Type String Default extra Description Property name that will be used to access extra information. When provided the extra information will be displayed in a popover next to the option.

remember-selection

Type Boolean Default false Description Remember selected options even when the options list changes?

randomizer

Type Boolean Default false Description Show the randomizer?

randomizer-show

Type String Default Random selection

randomizer-how-many

Type String Default How many?

randomizer-help-text

Type String

randomizer-button

Type String Default Go

subset

Type Boolean Default false Description Enable subset selection?

subset-type

Type String Default radio

subset-name

Type String Default subset

subset-label

Type String Default Default

selected-subset-options

Type Array Default []

info-icon-class

Type String Default glyphicon glyphicon-info-sign

help-icon-class

Type String Default glyphicon glyphicon-question-sign

disabled

Type Boolean Default false Description Disable input

show-nothing-found

Type Boolean Default false Description Display a label when there are no results?

nothing-found-label

Type String Default Nothing found Description Use together with show-nothing-found prop

Events

selected

Parameters Ids (Array) Description Emitted when the selection is changed.