Layout
Abschnittshülle, Trenner, Kopf- und Fußleiste, Hinweisleiste und Metazeile.
LmsSection
Minimal
Nur Titel und Inhalt.
Wer fällt unter NIS-2?
Der Abschnitt ohne Eyebrow, Icon und Beschreibung.
Ohne jede Überschrift
Fehlen alle Kopf-Props, entfällt der Kopfbereich samt Abstand — die Hülle dient dann nur als Anker und Gruppierung.
Nackter Inhalt. Nützlich, wenn mehrere Abschnitte in Folge ohne eigene Überschrift stehen sollen.
Vollständig
Alle Kopf-Props zusammen, plus Fußnote.
Modul 3
12 MinWer fällt unter NIS-2?
Die Richtlinie unterscheidet wesentliche und wichtige Einrichtungen. Maßgeblich sind Sektor, Größe und Umsatz.
Der Inhalt des Abschnitts. Hier stehen die Bausteine.
Quelle — NIS-2-Richtlinie, Anhang I und II
Zentriert
align="center" zentriert den gesamten Kopfbereich.
Zwischenstand
Halbzeit
Zentrierte Köpfe eignen sich für Trenner zwischen zwei Themenblöcken.
Farbrollen
color wirkt auf Icon, Eyebrow und Badge. Es gibt keine festen Farben — jede Rolle kommt aus dem Theme des Zielprojekts.
primary
Standard
info
Hinweis
success
Erledigt
warning
Achtung
error
Kritisch
neutral
Neutral
LmsDivider
Nummerierter Trenner
Die Ziffer wird auf zwei Stellen aufgefüllt und als Wasserzeichen gezeigt.
Abschnitt
Wer fällt unter NIS-2?
Eigenes Eyebrow, Icon und Farbrolle
Ohne Angaben steht "Abschnitt" über dem Titel und ein Lesezeichen-Icon davor.
Vertiefung
Haftung der Geschäftsleitung
LmsBanner
Hinweisleiste
Schmale Leiste über dem Seiteninhalt. Inline-Markdown erlaubt.
Farbrollen
LmsMeta
Metazeile
Typ, Lesezeit, Autor und Stand. Alle vier Felder sind optional.
Nur Lesezeit
LmsHeader
Kopf- und Fußleiste gehören in app.vue oder ein Layout, nicht in den Fließtext.
Sie sind hier nur zur Ansicht in Markdown eingebettet.
Vollständig
Marke, Kurzform für schmale Viewports, Sprungnavigation, Hell-/Dunkel-Umschalter und eine Aktion.
KMU.kompetent.KMUsicher.
Lernplattform · NIS-2-Grundschutz
Minimal
Nur Marke und Umschalter. Boolesche Props brauchen die YAML-Form — in der Attributform wäre sticky="false" die Zeichenkette "false" und damit wahr.
Lernmodul
LmsFooter
Vollständig
Linkspalten, Förderhinweis, Version und Copyright.
Minimal
FxAnimatedTabs
Ab hier Bausteine aus Inspira UI (MIT), dekorativ.
Reiter mit wanderndem Aktivfeld
FxMorphingTabs
Zähflüssig fließendes Aktivfeld
FxDock
Leiste mit vergrößernden Symbolen
FxScrollIsland
Schwebende Fortschrittsanzeige
Progress
LmsCompetencies
Welche Kompetenzen ein Modul trainiert, gehört neben die Metazeile: es ist eine Angabe über das Modul, keine Aussage darin. Die drei Vorgaben folgen der Einteilung Wissen-was / Wissen-wie / Wissen-wann-und-wo.
Die Quelle trug die drei Kompetenzen samt Farben fest im Quelltext — sechs Klassenlisten für hell und dunkel. Hier sind es Daten, und die Farbe ist eine Rolle; die Reihe folgt damit dem Theme.
Die Marken sind bewusst keine Schaltflächen. In der Quelle waren es
<button>, die auf Klick nichts taten.
Zwei von drei aktiv
Fahren Sie über eine Marke — der Kurzhinweis nennt Umfang und Kurzformel.
Ohne items
Ohne Angabe stehen die drei Vorgaben da — alle inaktiv.
LmsReadingProgress
Eine dünne Leiste, die mitläuft und die stumme Frage beantwortet: wie viel kommt noch? Sie misst immer das Dokument, nicht einen Ausschnitt.
fixed klebt unter dem Kopfbereich, inline steht im Textfluss. Ohne diese Wahl
wäre der Baustein kaum verwendbar: die feste Leiste setzt einen klebenden
Kopfbereich bestimmter Höhe voraus, den nicht jedes Projekt hat.
Im Textfluss
Scrollen Sie — die Leiste füllt sich. Sie zeigt den Stand der ganzen Seite, nicht den dieses Kastens.
LmsSegmentedProgress
Der Unterschied zu einem durchgehenden Balken ist nicht ästhetisch: der Balken zeigt einen Anteil, die Kette zeigt Stücke. „Fünf von elf" liest man an ihr ab, ohne die Zeile darunter — und man sieht, wie viele Schritte noch kommen, nicht bloß wie viel Prozent fehlen.
Herausgelöst aus der Lernpfad-Karte in coactum-nuggets, wo sie in der Übersichtsseite stand statt in einer Komponente.
Fünf von elf
Erledigte Abschnitte gefüllt, offene gestrichelt.
5 von 11 bearbeitet
Eigene Zeile
label nimmt die Platzhalter {done} und {total}.
Noch 4 Kapitel — 3 liegen hinter Ihnen