v1.10.2
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

Property Type Default Description
multiple boolean false Enable multi-select mode
placeholder string '' Placeholder text when nothing is selected
disabled boolean false Disable the select
searchable boolean false Enable search filtering
clearable boolean false Show clear button
max-tag-count number -1 Max visible tags (-1 = unlimited)
options string '' JSON string of options
size 'sm' | 'md' | 'lg' 'md' Size variant

Events

Event Description
change Fired when selection changes
search Fired when search text changes
clear Fired when cleared