Dropdown
A trigger that reveals a panel of options — single or multi-select, optionally searchable and grouped. Flips above the trigger when it would overflow.
Examples
html
| 1 | <nana-dropdown label="Country" searchable> |
| 2 | <nana-option value="us">United States</nana-option> |
| 3 | <nana-option value="ca">Canada</nana-option> |
| 4 | </nana-dropdown> |
Grouped
Import
ts
| 1 | import "@nana-tec/ui-components/dropdown"; |
Props
| Attribute | Type | Default |
|---|---|---|
open | boolean | false |
select | single | multiple | single |
searchable | boolean | false |
disabled | boolean | false |
label | string | Select |
value | string (comma-sep for multi) | "" |
Fires nana-change with the selected value (string) or values (string[]).