---
title: "Blade komponent — QR for Laravel | Roundly"
description: "Vložte <x-qr-code> do ľubovoľného view — inline SVG alebo img tag, s povolenými atribútmi a bez kompilácie šablóny."
url: https://roundly-consulting.com/sk/open-source/navody/qr-for-laravel/blade-komponent
language: sk
---

[Všetky balíky](https://roundly-consulting.com/sk/open-source.md)

[QR for Laravel](https://roundly-consulting.com/sk/open-source/navody/qr-for-laravel.md)

# Blade komponent

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

```blade
<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:

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

## Prejavte lásku k open source

Tento balík je zadarmo pod licenciou MIT. Ak vám šetrí čas, jednorazový príspevok alebo členstvo na Patreone nám pomôže ho ďalej udržiavať, testovať a dokumentovať.

[Ďalšie spôsoby podpory vrátane kryptomien](https://roundly-consulting.com/sk/podporte-nas.md)

Odoslaním daru súhlasíte s našimi [podmienkami prijímania darov](https://roundly-consulting.com/sk/podmienky-darov.md).

[Podporte našu open-source prácu (otvorí sa v novej karte)](https://donate.stripe.com/dRmeVe8FX5PF1Qd9pXcEw00) [Pridajte sa k nám na Patreone (otvorí sa v novej karte)](https://www.patreon.com/cw/roundly)

## Chcete to zabudovať do svojho produktu?

Naše balíky integrujeme do zákazkových Laravel a AI riešení. Napíšte nám, na čom pracujete, a ozveme sa do 48 hodín.

[Ponuka do 48 hodín](https://roundly-consulting.com/sk/kontakt.md) [Prezrieť všetky balíky](https://roundly-consulting.com/sk/open-source/navody/qr-for-laravel.md)