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. Die kurzen Werte stehen inline, der ganze Satz im Frontmatter.
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
LmsSplit
Kein Trenner fürs Auge, sondern eine Grenze im Dokument: hier endet ein
Nugget und das nächste beginnt. LmsDivider gliedert einen Text, der
zusammenbleibt — LmsSplit sagt, dass er an dieser Stelle auseinandergeht.
Man sieht ihn beim Schreiben und in der Vorschau; im ausgelieferten Nugget ist er kein Element mehr, sondern der Rand. Der Vorleser überspringt ihn, und ohne Text bekommt er auch keine Aufnahme.
target sagt, was hinter dem Marker anfängt: normalerweise die nächste
Lerneinheit, mit module dagegen wieder der Modulteil. Ein Modul besteht aus
einem Vorspann, einer Reihe von Nuggets und einem Abschluss — Prüfung, Outro,
Nachweis. Ohne diesen Marker liefe der Abschluss als weiteres Nugget mit,
obwohl er zum Modul gehört und nicht zu einer seiner Lektionen. Zu sehen ist
der Unterschied an der Linie: gestrichelt heißt geschnitten, durchgezogen
heißt, dass hier nicht mehr geschnitten wird.
Im Editor sitzt er als eigener Knopf Abschnitt neben Baustein. Der
slug entsteht dort von selbst aus dem Titel und wächst mit ihm mit — solange
ihn niemand von Hand überschreibt. Danach bleibt er stehen; der Zauberstab
neben dem Feld bildet ihn wieder aus dem Titel.
Ohne Titel
Dann steht dort das Wort für Abschnittswechsel — in der Sprache des Dokuments.
Der letzte Absatz des ersten Nuggets.
Der erste Absatz des zweiten Nuggets.
Mit Angaben für die Zielplattform
title sagt, was hinter dem Schnitt beginnt, description was darin behandelt wird, slug wird dort zur Adresse. Alle drei sind für den Import gedacht — beim Schreiben sieht man am Titel, welches Nugget wo anfängt.
/meldewegeDrei Fristen, eine Meldekette und wer sie auslöst.Mit Lernzielen
Sie beschreiben die Einheit, die hinter dem Schnitt beginnt, und gehören an den Rand statt in den Text — die Zielplattform trägt sie an ihrer eigenen Stelle vor. Ein Text, kein Feldersatz: Markdown mit Absätzen und Aufzählungen, im Editor mit Knöpfen und Vorschau.
/meldebogenNach dieser Einheit füllen Sie den Bogen allein aus.
- Die drei Pflichtfelder des Bogens ausfüllen
- Entscheiden, wer im Haus ihn unterschreibt
- Den Bogen fristgerecht an die zuständige Stelle senden
Zurück auf Modulebene
Der letzte Marker eines Moduls: hinter ihm beginnt kein Nugget mehr, sondern wieder der Modulteil — Prüfung, Abschluss, Nachweis. Die durchgezogene Linie sagt, dass hier nicht mehr geschnitten wird.
/meldebogenDer Inhalt des letzten Nuggets.
Prüfung, Outro und Nachweis gehören dem Modul, nicht einer seiner Lektionen.
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 Leisten, Sprungnavigation, Hell-/Dunkel-Umschalter und eine Aktion. Die Umbrüche richten sich nach der Breite der Leiste selbst — schmaler als hier, und die Navigation weicht, bevor die Marke leidet.
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
Die Beschriftung heißt title, nicht label. Der Baustein ist h-full und braucht deshalb eine Hülle mit Höhe — sonst bleibt die Fläche leer. Der Inhalt kommt aus dem Slot
Ein Vorfall in drei Schritten
Erkennen, bewerten, melden — wer je Reiter etwas anderes zeigen will, füllt den Slot in Vue und nutzt den Reiter aus dem Kontext.
Ein Vorfall in drei Schritten
Erkennen, bewerten, melden — wer je Reiter etwas anderes zeigen will, füllt den Slot in Vue und nutzt den Reiter aus dem Kontext.
Ein Vorfall in drei Schritten
Erkennen, bewerten, melden — wer je Reiter etwas anderes zeigen will, füllt den Slot in Vue und nutzt den Reiter aus dem Kontext.
FxMorphingTabs
Zähflüssig fließendes Aktivfeld
activeTab ist ein Prop, kein innerer Zustand — der Baustein meldet die Wahl über update:activeTab nach außen. In Markdown gibt es kein v-model, also bleibt er hier stehen; bedienbar wird er erst in Vue.
FxDock
Leiste mit vergrößernden Symbolen
FxScrollIsland
Schwebende Fortschrittsanzeige
Die Insel hängt fixiert am oberen Fensterrand, nicht im Kasten — deshalb bleibt hier nichts zu sehen. In einem Modul steht sie über dem Inhalt und klappt beim Anklicken auf; auf einer Katalogseite läge sie dauerhaft über allem anderen.
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