Duskmoon UI v10.0.11
Theme
Multi Select dm_multi_select
## Overview Multi-select component using `@duskmoon-dev/core` CSS classes. Renders a multi-select input with tags, dropdown, search, option checkboxes, grouping, and action buttons. State management is handled by the parent LiveView. ## Usage ```elixir <.dm_multi_select options={[ %{value: "elixir", label: "Elixir"}, %{value: "phoenix", label: "Phoenix"} ]} selected={["elixir"]} placeholder="Select languages..." /> ```

Basic Multi Select

Elixir
Phoenix
LiveView
Ecto

With Selected Tags

Elixir
Phoenix
LiveView
Ecto

Open Dropdown

Apple
Banana
Cherry
Date

Size Variants

Small Tag
Default Tag
Large Tag

Variant Styles

Outlined
Filled

Tag Variants

Default
Tags
Primary
Tags
Outlined
Tags

Grouped Options (Open)

Americas
United States
Canada
Brazil
Europe
United Kingdom
Germany
France

States

Error
Disabled
Loading

Features

Tag 1
Tag 2
Tag 3
Tag 4
Tag 5
With Description This option has a description
Disabled Option
Normal Option