lms-componentsDemo

Listen

Lernziele, abhakbare Checklisten, nummerierte Schritte und Linksammlungen.

DetailsFxAnimatedListFxFileTreeLmsChangelogLmsChecklistLmsLearningPathLmsLinksLmsNumberedListLmsObjectivesLmsSources

LmsObjectives

Lernziele

Trägt eine eigene Überschrift, weil sie innerhalb der Fläche sitzt. Ohne Angabe steht dort "Lernziele".

Lernziele

  • einschätzen, ob Ihr Betrieb unter NIS-2 fällt

  • die drei Meldefristen benennen

  • die Pflichten der Geschäftsleitung erklären

Eigene Überschrift und Icons je Eintrag

In ObjectiveList war das Icon Pflicht — hier ist es optional.

Das nehmen Sie mit

  • Risikoanalyse durchführen

  • Maßnahmen priorisieren

  • Nachweise dokumentieren

LmsChecklist

Abhakbar, mit Zähler. Der Zustand ist lokal und flüchtig — ein Neuladen setzt ihn zurück. id ist trotzdem Pflicht: es wird der Datensatzschlüssel, sobald Persistenz dazukommt.

Selbstprüfung

Trifft das auf Ihren Betrieb zu?

0 / 4

Kreuzen Sie an, was zutrifft. Schon ein Häkchen kann Betroffenheit bedeuten.

Ohne Überschrift, andere Farbrolle

Fehlt title, entfallen Kopfzeile und Zähler.

LmsNumberedList

Nummerierte Schritte

  1. 1

    Vorfall erkennen und intern melden

  2. 2

    Frühwarnung ans BSI absetzen (24 Stunden)

  3. 3

    Meldung mit Erstbewertung nachreichen (72 Stunden)

  4. 4

    Abschlussbericht einreichen (ein Monat)

Eigene Marken statt Zahlen

KmuFreitext war formal Prosa, inhaltlich eine nummerierte Frageliste — hier als label und text aufgelöst.

  1. F1

    Wer ist bei uns für IT-Sicherheit verantwortlich?

  2. F2

    Wen rufen wir am Wochenende an?

  3. F3

    Wo liegt die aktuelle Systemdokumentation?

Zählung ab anderer Zahl

  1. 5

    Maßnahmen umsetzen

  2. 6

    Wirksamkeit prüfen

LmsLinks

Quellenliste

LinkList kannte pre und post für Text vor und nach dem Link — das leistet jetzt description mit Inline-Markdown.

Zweispaltig

layout="grid" löst SourceList ab, die immer zweispaltig war.

FxAnimatedList

Ab hier Bausteine aus Inspira UI (MIT), dekorativ.

Einträge laufen nacheinander ein

delay steuert den Abstand in Millisekunden.

FxFileTree

Datei- und Ordnerbaum

Für Anleitungen, die eine Ablagestruktur erklären.

LmsLearningPath

Anders als LmsSteps (Anleitung) und LmsTimeline (Chronologie) ist das eine Navigation: jede Station kann ein Ziel haben, und der eigene Stand ist daran ablesbar.

Die Quelle bekam den Stand als Set<string> von außen — eine Datenstruktur, die sich aus Markdown nicht erzeugen lässt. Hier trägt jede Station ihr done selbst.

Drei erledigt, eine offen

LmsSources

Die Quellenangabe steht bewusst hervorgehoben und nicht als gewöhnliche Liste im Fließtext: in einer Schulung zu Regulierung und Haftung ist die Belegstelle Teil der Aussage, nicht ihr Anhang.

Ohne label steht die Adresse selbst da, gekürzt um Schema und Schrägstrich am Ende — bei amtlichen Fundstellen ist die Adresse oft aussagekräftiger als ein erfundener Titel.

Zwei Fundstellen

LmsChangelog

Der Unterschied zu LmsChecklist liegt an der Marke am einzelnen Punkt. Ohne sie ist eine Änderungsliste bloß eine Aufzählung, in der alles gleich wichtig aussieht — und genau das will man nicht, wenn jemand nach einer Korrektur sucht.

Herausgelöst aus der Änderungsseite von coactum-nuggets, wo Marken und ihre Farben in einer Tabelle im Seitentemplate standen.

Zwei Einträge

Modul „Meldepflichten" überarbeitet

08/2026

  • Fristenübersicht als Zeitachse statt als Tabellegeändert
  • Abschnitt zur Erstmeldung binnen 24 Stunden ergänztneu
  • Falsche Paragraphenangabe in Abschnitt 3 berichtigtkorrigiert

Neue Lernpfade

07/2026

  • Lernpfad „Passwörter und zweiter Faktor" veröffentlichtneu
  • Hinweis: Die Zertifikate werden künftig quartalsweise ausgestellt.Information