v1.2.0
Theme

Multi Select

Select multiple items from a dropdown list. Built on el-dm-select with the multiple attribute.

Installation

npm install @duskmoon-dev/el-select

Usage

import '@duskmoon-dev/el-select/register';
<el-dm-select
  multiple
  placeholder="Choose tags..."
  options='[{"value":"a","label":"Option A"},{"value":"b","label":"Option B"}]'
></el-dm-select>

Live Demo

Default

Searchable with Clear

Max Tag Count

Disabled

Properties

PropertyTypeDefaultDescription
multiplebooleanfalseEnable multi-select mode
placeholderstring''Placeholder text when nothing is selected
disabledbooleanfalseDisable the select
searchablebooleanfalseEnable search filtering
clearablebooleanfalseShow clear button
max-tag-countnumber-1Max visible tags (-1 = unlimited)
optionsstring''JSON string of options
size'sm' | 'md' | 'lg''md'Size variant

Events

EventDescription
changeFired when selection changes
searchFired when search text changes
clearFired when cleared