LmsCard

Karten & Raster

Basiskarte.

In Markdown: ::lms-card Nimmt einen Default-Slot Im Zusammenhang ansehen

Konsolidiert IconCard, NormCard, RequirementCard, LeadershipCard und RegulationCard.

Einzelne Karten stehen hier in voller Breite. Für mehrspaltige Anordnung siehe LmsCards weiter unten.

Beispiele (9)

Minimal

Nur ein Titel. Löst RequirementCard ohne Icon ab.

Multi-Faktor-Authentifizierung

Icon und Text

Der Regelfall. Löst IconCard und NormCard ab.

Risikomanagement

Angemessene technische und organisatorische Maßnahmen nach Artikel 21.

Eyebrow, Badge und Meta

Die Felder, mit denen RegulationCard abgelöst wird — year wurde zu eyebrow, kind zu badge, kindHint zu meta.

Richtlinie

2023

NIS-2-Richtlinie

Muss von den Mitgliedstaaten in nationales Recht umgesetzt werden.

Umsetzungsfrist war der 17. Oktober 2024.

Aufzählung im Kartenkörper

items löst LeadershipCard.points ab. Jeder Eintrag ist auszeichnungsfähig.

Pflichten der Geschäftsleitung

Billigung der Risikomanagementmaßnahmen
Überwachung ihrer Umsetzung
Teilnahme an Schulungen

Schlagworte

tags erscheinen am Kartenfuß, immer neutral eingefärbt.

Sektor Energie

Strom, Fernwärme, Öl, Gas und Wasserstoff.

Anhang Iwesentlichab 50 Beschäftigte

Hervorhebung mit Bändchen

highlightLabel setzt ein Band oben rechts auf die hervorgehobene Karte — löst RegulationCard.highlightLabel ab.

Diese Lektion

2023

NIS-2-Richtlinie

Muss von den Mitgliedstaaten in nationales Recht umgesetzt werden.

Hervorhebung und Farbrollen

highlight färbt Fläche und Rand in der gewählten Rolle ein.

primary

info

success

warning

error

neutral

Verschachtelte Form mit echtem Markdown

Ist der Default-Slot gefüllt, verdrängt er description. Damit sind Listen, Absätze und alles andere echte Markdown möglich — das ist die zweite Hälfte der Hybrid-Konvention.

Meldepflichten

Betroffene Einrichtungen melden erhebliche Sicherheitsvorfälle in drei Stufen:

Frühwarnung binnen 24 Stunden
Meldung binnen 72 Stunden
Abschlussbericht binnen einem Monat

Zuständig ist das BSI.

Anklickbar

Ist to gesetzt, wird die Karte ein Link und bekommt Hover-Verhalten.

Weiter zu den Textbausteinen

Diese Karte ist ein Link.

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
`icon`	`string`	—	Iconify-Name.
`eyebrow`	`string`	—	Kleine Zeile über dem Titel (z. B. ein Jahr).
`title`Pflicht	`string`	—	Überschrift.
`description`	`string`	—	Kartentext. Inline-Markdown erlaubt. Wird vom Default-Slot verdrängt.
`badge`	`string`	—	Kurzes Label oben rechts.
`meta`	`string`	—	Unauffällige Zusatzzeile unter dem Text. Inline-Markdown erlaubt.
`items`	`string[]`	—	Aufzählung im Kartenkörper. Inline-Markdown je Eintrag erlaubt.
`tags`	`string[]`	—	Schlagworte am Kartenfuß.
`highlight`	`boolean`	`false`	Hebt die Karte farbig hervor.
`highlightLabel`	`string`	—	Beschriftung des Bändchens, das bei `highlight` oben rechts sitzt.
`color`	`Tone`	`'primary'`	Semantische Farbrolle.
`to`	`string`	—	Macht die Karte anklickbar.

Slots

Slot	In Markdown
`default`	Rumpf des Blocks

Emits

Dieser Baustein sendet keine Events.

Theme

Dieser Baustein hat keine Fläche in der app.config.ts.

Sein Aussehen steuerst du über Props — bei den didaktischen Bausteinen über das gemeinsame Farbrollen-Vokabular (color, variant), bei den dekorativen über deren eigene Props. Eine Theming-Ebene wie ui.<komponente> in Nuxt UI gibt es hier noch nicht.

Changelog

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