Invisible Docs
GalerieTokens

Inhalt — Components

11 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.

Akkordeon

Auf-/zuklappbare Einträge (items-Array) — Grundlage für FAQ; toggle als semantisches Event

component.accordion

Befehls-Schnipsel

Einzeiliger Befehl mit Prompt-Zeichen und Kopieren-Knopf, optional mit Reitern (npm/pnpm/yarn) — Docs- und Onboarding-Baustein

component.snippet

Bild-Zoom (Lightbox)

Klickbares Bild öffnet ein Vollbild-Overlay (Backdrop, Escape/Klick schließt, Scroll-Lock) — ohne JS bleibt es ein normales Bild

component.image-zoom

Card

Inhaltskarte mit Media-, Inhalts- und Footer-Slot

component.card

Carousel

Bilder-Carousel auf scroll-snap-Basis: ohne JavaScript horizontal wischbar, der Controller ergänzt Pfeile, Punkte und Tastatur — kein Autoplay (bewusst)

component.carousel

Code-Block

Code-Fenster im Syntax-Stil: dunkle Flaeche in jedem Theme (color.code.*-Tokens), Traffic-Dots, Dateinamen-Tab, Kopieren-Knopf, Zeilennummern, serverseitiges Syntax-Highlighting (php/js/json/bash/html/css)

component.code-block

Einlaufende Liste

Liste, deren Einträge nacheinander einlaufen (Benachrichtigungs-Demos, Feature-Aufzählungen): Icon-Fläche, Titel, Text, Zeit — mit prefers-reduced-motion-Rückfall

component.animated-list

Hinweiskasten

Hervorgehobener Hinweis im Fliesstext (Ton aus festem Vorrat: info/success/warning/danger) mit optionalem Titel und Rich-Text-Inhalt

component.callout

Listengruppe

Gerahmte Eintragsliste (Bootstrap list-group): Einträge mit Titel, Beschreibung, Badge und optionalem Link — aktiv/deaktiviert je Eintrag

component.list-group

Terminal (Ausgabe)

Terminal-Fenster mit Fenster-Punkten und Zeilen-Typen (Befehl, Ausgabe, Erfolg, Fehler, Hinweis); Zeilen erscheinen nacheinander (abschaltbar, respektiert prefers-reduced-motion)

component.terminal

Video-Spieler

Video mit eigener Bedienleiste aus Tokens: Abspielen/Pause, Fortschritt mit Klick-Sprung, Zeitangabe, Ton, Vollbild — nutzt das native video-Element, kein Fremd-Player — v1.1: Leiste per Drag scrubbing-fähig

component.video-player