Searchable picker for choosing an icon from the project's icon sets (hugeicons + lucide). Stores the icon name as a string.
Click to open the picker dialog, then search and select.
Bind v-model to a preset icon name to start with a selection.
Restrict the search to a single icon set with the prefix prop.
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | null | null | Selected icon name. Supports v-model. |
prefix | string | "hugeicons,lucide" | Comma-separated icon set prefixes to search. |
placeholder | string | "Pick an icon" | Trigger button label when no icon is selected. |
disabled | boolean | false | Disable the trigger. |
popular | string[] | — | Icon names shown before any search query. |
| Event | Description |
|---|---|
update:modelValue | Fires with the chosen icon name (or null). Enables v-model. |