LetterStamp
Examples
Loading examples…
API
From COMPONENTS.md.
Hard-edged square stamp displaying a single letter or glyph. Used inside EntityPill.
import { LetterStamp } from 'achery-ui'
<LetterStamp letter="A" tone="moss" size={28} />
<LetterStamp glyph="flask" tone="rust" size={36} />
<LetterStamp letter="X" colour="#2a5c8a" size={28} /> // hex escape hatch
| Prop | Type | Default | Notes |
|---|---|---|---|
letter |
string |
— | Single char, uppercased. Mutually exclusive with glyph |
glyph |
GlyphName |
— | Glyph rendered centred. Mutually exclusive with letter |
size |
14 | 20 | 28 | 36 | 48 |
28 |
Stamp dimension in px |
tone |
'moss' | 'rust' | 'ochre' | 'plum' | 'copper' | 'neutral' |
'neutral' |
Fill colour pair |
colour |
string |
— | Raw hex — overrides tone background |
className |
string |
— |