Contenido
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.
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>
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>
previous coloca la cifra anterior tachada junto a la vigente.
<vadavo-price previous="34,90 €" amount="24,90 €"></vadavo-price>
label antepone la palabra que sitúa la cifra.
<vadavo-price label="Desde" amount="7,90 €"></vadavo-price>
| Token | Qué es |
|---|---|
--price--font-size--amount | El tamaño de letra de la cifra. |
--price--color--amount | El color de la cifra. |
--price--color--suffix | El color del sufijo que acompaña a la cifra. |