GlyphPicker
Examples
Loading examples…
API
From COMPONENTS.md.
A trigger button that opens a searchable popover of every glyph in GlyphCategories, grouped by category. Search uses searchGlyphs.
import { GlyphPicker } from 'achery-ui'
<GlyphPicker value={glyph} onChange={setGlyph} />
| Prop | Type | Default | Notes |
|---|---|---|---|
value |
GlyphName |
— | undefined for none |
onChange |
(name: GlyphName | undefined) => void |
— | Picking the selected glyph again clears it |
placeholder |
string |
'Pick a glyph…' |
Also the trigger's accessible name when empty |
clearable |
boolean |
true |
Shows a clear button in the trigger when a value is set |
disabled |
boolean |
— | |
className |
string |
— |