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
Beispiele
Farbige Content-Karten mit Badge, Titel und Link (Scroll-Snap ohne JS)
Ressourcen
Neues aus dem Produkt
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 |
* Pflicht-Prop
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.displaylayout.containerleading.tightradius.smradius.surfacesize.05size.2size.4size.5size.6text.mdtext.smtext.xltext.xstracking.wideweight.boldweight.semibold