Blade komponent

Komponent <x-qr-code> vykreslí ľubovoľný reťazec alebo Payload inline alebo ako <img> s data URI:

<x-qr-code data="https://example.com" />
<x-qr-code :data="$payment" :size="200" :margin="2" error-correction="Q" foreground="#111111"
           background="#ffffff" title="Scan to pay" description="Invoice 2026-0042" class="mx-auto" />
<x-qr-code data="https://example.com" as="img" class="w-40" />

• Props — data (reťazec alebo Payload), size, margin, error-correction, foreground, background, title, description, as (svg alebo img).
• Atribúty sú obmedzené na povolené (class, style, id, data-*, aria-*); čokoľvek iné, napríklad onclick, sa zahodí.
• Vygenerovaný markup sa nikdy nekompiluje ako Blade šablóna, takže titulok ako {{ 7*7 }} sa vykreslí escapovaný a pre jednotlivé kódy sa nezapisujú skompilované view.

Premenovanie alebo vypnutie tagu

Názov tagu pochádza z qr.blade.component:

'blade' => ['component' => 'qr-code'],   // <x-qr-code>; null or blank (not set) disables it