Alle Komponenten

LmsSection

Layout

Abschnittshülle: Eyebrow, Titel, Einleitung, Inhalt, Fußnote.

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

Konsolidiert aus SlideShell, NuggetSection, KmuSection, Section, SectionHeading und KmuTitle.

Beispiele (5)

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 Min

Wer 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

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

PropTypStandardBedeutung
idstringAnker-ID für Sprungmarken.
eyebrowstringKleine Zeile über dem Titel.
titlestringÜberschrift.
descriptionstringEinleitung unter dem Titel. Inline-Markdown erlaubt.
iconstringIconify-Name, erscheint vor dem Eyebrow.
badgestringKurzes Label rechts neben dem Eyebrow.
footnotestringKleingedrucktes unter dem Inhalt. Inline-Markdown erlaubt.
colorTone'primary'Semantische Farbrolle.
alignAlign'left'Ausrichtung des Kopfbereichs.

Slots

SlotIn Markdown
defaultRumpf 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

  1. Geändert0.7.0

    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/

  2. Hinzugefügt0.6.0

    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

  3. Behoben0.4.0

    Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen

  4. Hinzugefügt0.3.0

    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

  5. Hinzugefügt0.3.0

    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"

  6. Hinzugefügt0.2.0

    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

  7. Hinzugefügt0.2.0

    Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren

  8. Geändert0.2.0

    Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt

  9. Geändert0.2.0

    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

  10. Hinzugefügt0.1.0

    Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI