Preis — ui.price
Shop-Preiszeile: Betrag (bei Streichpreis automatisch in Sale-Farbe), Streichpreis, Rabatt-Badge — Sale-Ton über den themebaren color.sale-Token
UI Elementv1.0.1Commerceweb.documentweb.applicationbuilder.preview
Beispiele
Sale-Preis mit UVP und Rabatt-Badge
9,49 €Normalpreis
24,99 €Eigenschaften
| Prop | Typ | Default |
|---|---|---|
amount * | string | — |
originalAmount | string | "" |
discount | string | "" |
size | string: md | lg | "lg" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--price-radius-sm | var(--radius-sm) |
--price-sale | var(--color-sale) |
--price-surface-page | var(--color-surface-page) |
--price-text-default | var(--color-text-default) |
--price-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
color.sale color.surface.page color.text.default color.text.muted font.family.default radius.sm size.05 size.1 text.3xl text.sm text.xl text.xs weight.bold weight.semibold