Theme: ← Übersicht Tokens

QR-Code

Serverseitig generierter QR-Code (SVG) — Belege, Zahlungs-Links, Geräte-Kopplung. Die Nutzdaten fließen nur ENCODIERT ein, nie als Markup

UI Elements v1.0.0 Inhalt WebsiteAppDesktopE-Mail ui.qr-code

Beispiele

Link mit Unterschrift
Minidocs öffnen
Klein (Beleg-Ecke)

Eigenschaften

PropTypDefaultBuilder-Label
data *string—Inhalt (URL, Text)
sizestring: sm | md | lg"md"Größe
captionstring""Unterschrift

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

TokenDefault
--qr-code-colorvar(--color-text-default)
--qr-code-backgroundvar(--color-surface-default)

Genutzte Design-Tokens

border.hairlinecolor.border.subtlecolor.surface.defaultcolor.text.defaultcolor.text.mutedfont.family.defaultradius.mdsize.2size.24size.32text.sm