Multi Select

Multi Select allows users to choose one or more options from a filterable dropdown list. Supports keyboard navigation, validation states, and dense mode (compact) for space-constrained layouts.

Apple

Banana

Cherry

Dragon Fruit

Elderberry

Fig

<diwa-multi-select theme="dark" label="Favourite fruits" name="fruits" description="" state="none" message="" dropdown-direction="auto">
  <diwa-multi-select-option value="apple">Apple</diwa-multi-select-option>
  <diwa-multi-select-option value="banana">Banana</diwa-multi-select-option>
  <diwa-multi-select-option value="cherry">Cherry</diwa-multi-select-option>
  <diwa-multi-select-option value="dragonfruit">Dragon Fruit</diwa-multi-select-option>
  <diwa-multi-select-option value="elderberry">Elderberry</diwa-multi-select-option>
  <diwa-multi-select-option value="fig">Fig</diwa-multi-select-option>
</diwa-multi-select>