AcheryWorkshop
Components

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 —