React Version
(Use this when you’re composing React islands/components.)
Default
<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" className="p-6 rounded-xl bg-base-200">
<LogoSvg className="h-auto" />
</div>
Another theme override (retro)
<div data-theme="retro" className="p-6 rounded-xl bg-base-200">
<LogoSvg className="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" />