Preistabelle

Preispläne als Karten (Highlight-Plan hervorgehoben) — auto-fit-Raster, mobil gestapelt

Im Builder nutzen

Nutzt: ui.icon ui.badge

Beispiele

Drei Pläne mit Highlight

Faire Preise

Monatlich kündbar, alle Kernfunktionen inklusive.

Basis29 € / Monat

• 1 Benutzer
• Aufträge & Rechnungen
• E-Mail-Support

Starten

BeliebtPro79 € / Monat

• 5 Benutzer
• Automatisierungen
• Priorisierter Support
• API-Zugang

Pro wählen

Enterpriseindividuell

• Unbegrenzte Benutzer
• SLA
• Dedizierter Ansprechpartner

Kontakt

Eigenschaften

Prop	Typ	Default	Builder-Label
title	string	""	Titel
subtitle	string	""	Untertitel
plans *	array	—	Pläne
spacing	string: none | sm | md | lg | xl	"lg"	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
--grid-gap	var(--size-4)

Genutzte Design-Tokens

border.emphasisborder.hairlinecolor.action.on-primarycolor.action.on-secondarycolor.action.primarycolor.action.primary-hovercolor.action.secondarycolor.action.secondary-hovercolor.border.defaultcolor.surface.defaultcolor.text.defaultcolor.text.mutedduration.fasteasing.standardelevation.controlelevation.overlayfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultleading.tightradius.controlradius.surfacesize.12size.3size.4size.5size.6size.8text.2xltext.3xltext.lgtext.mdtext.smtracking.wideweight.boldweight.regularweight.semibold