LmsQrCode

Fach-Widgets

QR-Code — der Sprung vom Bildschirm aufs Telefon.

In Markdown: ::lms-qr-code Im Zusammenhang ansehen

Der Sprung vom Bildschirm aufs Telefon: die Kurzanleitung, die man am Arbeitsplatz braucht, das Formular für den Meldeweg, der zweite Faktor. Wer davor sitzt, soll nicht abtippen müssen. Der Code wird auf dem Server gezeichnet — qrcode-generator rechnet in reinem JavaScript ohne Canvas, das Ergebnis ist derselbe SVG-Text auf beiden Seiten. Anders als bei den Diagrammen gibt es hier nichts nachzuladen. Die Fläche bleibt in beiden Modi hell: ein QR-Code lebt vom Kontrast zwischen dunklen Modulen und hellem Grund, auf dunklem Untergrund liest ihn keine Kamera. Und der Inhalt steht auch als Text darunter — ohne Kamera ist der Code sonst eine leere Fläche.

Beispiele (2)

Adresse mit Beschriftung

Der Inhalt steht auswählbar darunter. Fehlerkorrektur M ist die Vorgabe.

Fragenkatalog des BSI

https://www.bsi.bund.de/DE/Themen/Regulierte-Wirtschaft/

Prüfen Sie mit dem Fragenkatalog, ob Ihr Betrieb betroffen ist.

Für den Ausdruck

Fehlerkorrektur Q verträgt Knicke und Flecken — dichter, aber robuster.

Meldeweg

https://beispiel-gmbh.de/meldeweg

Ohne Textzeile

API

Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.

Props

Prop	Typ	Standard	Bedeutung
`value`Pflicht	`string`	—	Was der Code enthält — meist eine Adresse.
`title`	`string`	—	Überschrift über dem Code.
`caption`	`string`	—	Zeile unter dem Code. Inline-Markdown erlaubt.
`size`	`string`	`'12rem'`	Kantenlänge der Grafik.
`level`	`'L' \| 'M' \| 'Q' \| 'H'`	`'M'`	Fehlerkorrektur: `L` (7 %) bis `H` (30 %). Höher heißt dichter, aber * unempfindlicher gegen Knicke und Flecken — für Ausdrucke lohnt `Q`.
`showValue`	`boolean`	`true`	Den Inhalt als Text unter dem Code zeigen.
`alt`	`string`	—	Beschreibung für Screenreader. Ohne Angabe der Titel oder die Vorgabe.

Slots

Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.

Emits

Dieser Baustein sendet keine Events.

Theme

Die Beschriftungen dieses Bausteins stehen in der Gruppe lms.labels.qr. Alle Schlüssel sind einzeln überschreibbar — was nicht gesetzt wird, behält die Vorgabe.

// app.config.ts
export default defineAppConfig({
  lms: {
    labels: {
      qr: {
        alt: 'QR-Code',
        tooLong: 'Der Inhalt ist zu lang für einen QR-Code.'
      }
    }
  }
})

Changelog

Hinzugefügt1.7.02026-08-20
(Fach-Widgets) — der Sprung vom Bildschirm aufs Telefon.
Geändert0.7.02026-08-20
src/runtime/utils/totp.ts kommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an @ts-nocheck bleibt bei 51, und keine Ausnahme liegt außerhalb von fx/
Hinzugefügt0.6.02026-08-20
useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mit get/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt
Behoben0.4.02026-08-20
Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen
Hinzugefügt0.3.02026-08-20
Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren
Hinzugefügt0.3.02026-08-20
Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten, {count=14} übergibt "14"
Hinzugefügt0.2.02026-08-20
API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben
Hinzugefügt0.2.02026-08-20
Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
Geändert0.2.02026-08-20
Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
Geändert0.2.02026-08-20
Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet: motion-v stand mit 50 statt 54 Komponenten darin, @uiw/color-convert unter „je 1", obwohl es drei sind
Hinzugefügt0.1.02026-08-19
Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI