Laufband (Marquee) — section.marquee

Blockv1.1.1Inhaltweb.documentbuilder.preview

Beispiele

Text-Laufband (Maus darüber pausiert)

Vertrauen uns

Muster GmbHBeispiel AGDemo KGAcme HandelNord LogistikSüd TechnikMuster GmbHBeispiel AGDemo KGAcme HandelNord LogistikSüd Technik

Schnell, andere Richtung

30 Tage RückgabeVersand ab 29 € freiSichere ZahlungSupport aus Deutschland30 Tage RückgabeVersand ab 29 € freiSichere ZahlungSupport aus Deutschland

Eigenschaften

Prop	Typ	Default
`tone`	string: dark \| gray \| light	`"light"`
`title`	string	`""`
`items *`	array	`—`
`direction`	string: left \| right	`"left"`
`speed`	string: slow \| normal \| fast	`"normal"`
`pauseOnHover`	boolean	`true`
`spacing`	string: none \| sm \| md \| lg \| xl	`"none"`

Stellschrauben (Komponenten-Tokens)

Token	Default
`--band-surface`	`transparent`
`--band-text`	`var(--color-text-default)`
`--band-muted`	`var(--color-text-muted)`
`--marquee-duration`	`32s`

Genutzte Design-Tokens

color.band.dark color.band.dark-muted color.band.dark-text color.band.gray color.band.gray-muted color.band.gray-text color.text.default color.text.muted font.family.default size.12 size.16 size.4 size.6 size.8 text.lg text.sm tracking.wide