DiscountTag - Yampi Developer Portal

O componente DiscountTag renderiza uma tag visual com o percentual de desconto arredondado. Normalmente usado dentro de cards de produto para destacar promoções.

Uso

Em um card de produto:

<discount-tag :value="product.discount_percent" />

Com valor fixo:

<discount-tag :value="30" />

Propriedades

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`value`	`Number`	❌	`0`	Percentual de desconto a exibir. O valor é arredondado automaticamente para o inteiro mais próximo.

Comportamentos automáticos

Arredondamento: o valor exibido é sempre arredondado (ex.: 29.7 → 30%).
Ocultação: quando value é 0, a tag não é exibida.

⌘I