UxPixelArt
components/ux/PixelArt.vue
Themed renderer for the pixel-art families (pixel-pawns, pixel-icons). Inlines the raw SVG and rewrites its palette hexes to --px-* CSS variables at load time, so multicolor art follows the theme without editing the Illustrator exports.
Theme contexts — fills flip via --px-* vars
Pixel-icons family
components/ux/PixelArt.vue
Usage
<UxPixelArt
name = "(required)"
:size = "size"
alt = "—"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | String | (required) | Path under assets/svgs/ without extension, e.g. 'pixel-pawns/agent-defaulta' or 'pixel-icons/briefcase'. |
| size | Number | String | null | Width; number → px. Omit to size via class/style from the consumer. |
| alt | String | '' | Accessible label; sets role="img" + aria-label when present. |