LogoSvg.astro

@components/brand/logoSvg.astro

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" />
      

Free shipping over £60.00

Delivered with care. No code needed.