Astro Version
(Call in .astro
files — use the React version for React components)
Default (same as before)
<LogoSvg />
Smaller on mobile, larger on sm+
<LogoSvg size="w-20 sm:w-32" />
Preview in a different DaisyUI theme (native override)
<div data-theme="dracula" class="p-6 rounded-xl bg-base-200">
<LogoSvg class="h-auto" />
</div>
Another theme override (retro)
<div data-theme="retro" class="p-6 rounded-xl bg-base-200"><LogoSvg class="h-auto" /></div>
Accessible (announced by screen readers)
<LogoSvg decorative={false} ariaLabel="Astro Merchant logo" />
Explicit height if you prefer
<LogoSvg size="w-28 h-10" />