Select
Select allows users to choose a single option from a filterable dropdown list. Supports keyboard navigation, validation states, and dense mode (compact) for space-constrained layouts.
<diwa-select theme="dark" label="Favourite fruit" name="fruit" description="" state="none" message="" dropdown-direction="auto">
<diwa-select-option>Please select…</diwa-select-option>
<diwa-select-option value="apple">Apple</diwa-select-option>
<diwa-select-option value="banana">Banana</diwa-select-option>
<diwa-select-option value="cherry">Cherry</diwa-select-option>
<diwa-select-option value="dragonfruit">Dragon Fruit</diwa-select-option>
<diwa-select-option value="elderberry">Elderberry</diwa-select-option>
<diwa-select-option value="fig">Fig</diwa-select-option>
</diwa-select>