Searchable, paged icon picker driven entirely by a prop-supplied icon set
Selected: star
icon snippet| Prop | Type | Default | Description |
|---|---|---|---|
icons | IconSelectorOption[] | - | The icon set — replaces any hardcoded list (library-agnostic) |
selectedIcon | string | null | null | Selected icon name (bindable) |
onSelect | (icon: string | null) => void | - | Selection callback (null = cleared) |
label | string | "Icon" | Trigger row label |
colorClass | string | "" | Extra class forwarded to rendered icons (e.g. text color) |
compact | boolean | false | Auto-close the panel shortly after a pick |
columns | number | 8 | Grid columns per page |
perPage | number | 32 | Icons per page (4 rows of 8 by default) |
icon | Snippet<[IconSelectorOption]> | - | Custom renderer; overrides option.component |
Open the panel, then: ↑ ↓ ← → move between icons, Enter selects, Home/ End jump to the row ends, PgUp/ PgDn change page, Esc closes.