Karten-Reihe (Scroll)

Horizontale Content-Karten-Reihe mit CSS-Scroll-Snap (kein JS): farbige Karten (Ton per Prop aus Tokens) mit Badge, Titel, Link und optionaler Media-Fläche

Im Builder nutzen

Beispiele

Farbige Content-Karten mit Badge, Titel und Link (Scroll-Snap ohne JS)

Ressourcen

Neues aus dem Produkt

Video

Kontext und Agenten bewegen Arbeit voran

Jetzt ansehen →

Report

State of Teams 2026

Report lesen →

Ebook

Inside the agentic enterprise

Jetzt lesen →

Webinar

Teamwork Graph in der Praxis

Anmelden →

Eigenschaften

Prop	Typ	Default	Builder-Label
tone	string: dark | gray | light	"light"	Ton der Sektion (Theme liefert die Werte)
kicker	string	""	Kicker (Akzent-Sektionslabel)
title	string	""	Titel
cards *	array	—	Karten
spacing	string: none | sm | md | lg | xl	"none"	Eigenabstand

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

Token	Default
--band-surface	transparent
--band-text	var(--color-text-default)
--band-muted	var(--color-text-muted)
--band-line	color-mix(in srgb, var(--band-text) 14%, transparent)
--card-surface	var(--color-band-dark)
--card-text	var(--color-band-dark-text)

Genutzte Design-Tokens

border.hairlinecolor.accentcolor.action.on-primarycolor.action.primarycolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.band.graycolor.band.gray-mutedcolor.band.gray-textcolor.surface.pagecolor.text.defaultcolor.text.mutedcontainer.lgfont.family.defaultfont.family.displayfont.family.monofont.leading.displayfont.size.displayleading.tightradius.smradius.surfacesize.12size.2size.4size.5size.6size.8text.mdtext.smtext.xltext.xstracking.wideweight.boldweight.semibold