Contenido

Precio

Una cifra en Syne 700 con interletraje de −0,025em y cifras tabulares, para que no se desplace al cambiar de plan. Coma decimal española.

Uso

Cada parte del precio es un atributo propio: amount es la cifra, suffix la unidad que la sigue, previous la cifra anterior tachada y label la palabra que la antecede. La forma del precio depende de cuáles se den.


<vadavo-price amount="46,90" suffix="€ / mes"></vadavo-price>

Tamaño destacado

La cifra toma el tamaño del texto que la rodea, para cuando acompaña a una frase o a una fila de tabla. variant="large" la lleva al tamaño del texto de exposición, para cuando la cifra es lo que se mira primero: la tarjeta que abre una página, o el plan de un comparador.


<vadavo-price variant="large" amount="24,90" suffix="€ / mes + IVA"></vadavo-price>

Precio anterior

previous coloca la cifra anterior tachada junto a la vigente.


<vadavo-price previous="34,90 €" amount="24,90 €"></vadavo-price>

Precio desde

label antepone la palabra que sitúa la cifra.


<vadavo-price label="Desde" amount="7,90 €"></vadavo-price>

Tokens semánticos

TokenQué es
--price--font-size--amountEl tamaño de letra de la cifra.
--price--color--amountEl color de la cifra.
--price--color--suffixEl color del sufijo que acompaña a la cifra.