IconPicker

Searchable in-app browser for the @ramtt/icons catalog. Supports line, solid, micro variants with category chips and keyboard nav.

Preview

Usage

import { IconPicker } from '@ramtt/ui'

<IconPicker value="IconATP" onChange={setIcon} variant="micro" />

Props

PropTypeDefaultDescription
valuestringCurrently selected icon name (e.g. "IconATP")
onChange*(name: string) => voidCalled when an icon is chosen
variant'line' | 'solid' | 'micro''micro'Icon variant rendered in the grid
categoriesstring[]Restrict pickable set to these catalog categories
sizenumber20Render size in grid cells (px)
placeholderstring'Select icon…'Trigger placeholder when no value
onClose() => voidCalled when the popover closes