Multiselect

Multiselect

PMultiselect lets users select multiple items from a dropdown list.

Demo

Usage

<PMultiselect
  v-model="selected"
  :items="items"
  :add-all-item="true"
>
  Status
</PMultiselect>

data() {
  return {
    selected: [],
    items: [
      { id: 1, label: 'Active' },
      { id: 2, label: 'Paused' },
    ],
  };
}

Props

Prop	Type	Default	Notes
value	Array	[]	v-model array of selected IDs.
items	Array	[]	Items with { id, label } (optional fgColor, bgColor).
disabled	Boolean	false	Disables interaction.
addAllItem	Boolean	true	Adds the Alla option.

Events

Event	Payload	Description
input	Array	Emits selected IDs.

Slots

Slot	Description
default	Input label text.