FxPathMarquee

Effekte

Inhalt läuft an einer frei gezeichneten Linie entlang.

In Markdown: ::fx-path-marquee Nimmt einen Default-Slot Im Zusammenhang ansehen

Übernommen aus Inspira UI (path-marquee), MIT-Lizenz.

Beispiele (1)

Inhalt läuft an einer Linie entlang

erkennen · bewerten · melden ·

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

Prop	Typ	Standard	Bedeutung
`path`Pflicht	`string;`	—	—
`pathId`	`string;`	—	—
`preserveAspectRatio`	`PreserveAspectRatio;`	`"xMidYMid meet" as PreserveAspectRatio`	—
`showPath`	`boolean;`	`false`	—
`width`	`string \| number;`	`"100%"`	—
`height`	`string \| number;`	`"100%"`	—
`viewBox`	`string;`	`"0 0 100 100"`	—
`baseVelocity`	`number;`	`5`	—
`direction`	`"normal" \| "reverse";`	`"normal"`	—
`easing`	`(value: number) => number;`	—	—
`slowdownOnHover`	`boolean;`	`false`	—
`slowDownFactor`	`number;`	`0.3`	—
`slowDownSpringConfig`	`SpringConfig;`	`() => ({ damping: 50, stiffness: 400 })`	—
`useScrollVelocity`	`boolean;`	`false`	—
`scrollAwareDirection`	`boolean;`	`false`	—
`scrollSpringConfig`	`SpringConfig;`	`() => ({ damping: 50, stiffness: 400 })`	—
`scrollContainer`	`HTMLElement \| null;`	—	—
`repeat`	`number;`	`3`	—
`draggable`	`boolean;`	`false`	—
`dragSensitivity`	`number;`	`0.2`	—
`dragVelocityDecay`	`number;`	`0.96`	—
`dragAwareDirection`	`boolean;`	`false`	—
`grabCursor`	`boolean;`	`false`	—
`enableRollingZIndex`	`boolean;`	`true`	—
`zIndexBase`	`number;`	`1`	—
`zIndexRange`	`number;`	`10`	—
`cssVariableInterpolation`	`CSSVariableInterpolation[];`	`() => []`	—
`responsive`	`boolean;`	`false`	—
`class`	`HTMLAttributes["class"];`	—	—

Slots

Slot	In Markdown
`default`	Rumpf 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

Geändert0.7.02026-08-20
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/
Hinzugefügt0.6.02026-08-20
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
Behoben0.4.02026-08-20
Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen
Hinzugefügt0.3.02026-08-20
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
Hinzugefügt0.3.02026-08-20
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"
Hinzugefügt0.2.02026-08-20
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
Hinzugefügt0.2.02026-08-20
Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
Geändert0.2.02026-08-20
Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
Geändert0.2.02026-08-20
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
Hinzugefügt0.1.02026-08-19
Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI