Preistabelle — section.pricing
Preispläne als Karten (Highlight-Plan hervorgehoben) — auto-fit-Raster, mobil gestapelt
Blockv1.1.1Konversionweb.documentbuilder.preview
Beispiele
Drei Pläne mit Highlight
Faire Preise
Monatlich kündbar, alle Kernfunktionen inklusive.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
title | string | "" |
subtitle | string | "" |
plans * | array | — |
spacing | string: none | sm | md | lg | xl | "lg" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--grid-gap | var(--size-4) |
Genutzte Design-Tokens
border.emphasis border.hairline color.action.on-primary color.action.on-secondary color.action.primary color.action.primary-hover color.action.secondary color.action.secondary-hover color.border.default color.surface.default color.text.default color.text.muted duration.fast easing.standard elevation.control elevation.overlay focus.ring-color focus.ring-offset focus.ring-width font.family.default leading.tight radius.control radius.surface size.12 size.3 size.4 size.5 size.6 size.8 text.2xl text.3xl text.lg text.md text.sm tracking.wide weight.bold weight.regular weight.semibold