PixelGlyph
Tiny pixel-art glyphs rendered entirely from CSS box-shadow off a character map —
no images. Use them as accents, bullets, and logo marks.
import { PixelGlyph } from "@/components/dotto/pixel-glyph"
<PixelGlyph shape="heart" unit={6} />| Prop | Type | Default | Description |
|---|---|---|---|
shape |
sparkle | heart | plus | diamond | square |
sparkle |
Built-in glyph preset |
rows |
string[] |
— | Custom map ("#" = pixel, "." = empty), overrides shape |
unit |
number |
4 |
Pixel size in px |
color |
string |
currentColor |
Pixel color |