🐺 Wolf Avatar Galerie

Alle verfügbaren DarkWolf Maskottchen · Erstellt mit Gemini Nano Banana Pro 🍌

📖 Verwendung

1. Standalone Avatar

---
import WolfAvatar from '@/components/WolfAvatar.astro';
---

<WolfAvatar name="coding-dark" size="md" />

2. Als Overlay über einem Bild

---
import ImageWithWolf from '@/components/ImageWithWolf.astro';
---

<ImageWithWolf
  src="/images/blog/header.jpg"
  alt="Blog Header"
  wolf="analytics"
  wolfPosition="bottom-right"
  wolfSize="sm"
/>

3. Verfügbare Props

Prop	Werte	Standard
`name`	Siehe Galerie unten	-
`size`	xs (48px), sm (80px), md (120px), lg (180px), xl (250px)	md
`position`	bottom-right, bottom-left, top-right, top-left	-
`alt`	Eigener Alt-Text	Automatisch