Skip to main content
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

PropriedadeTipoObrigatóriaValor padrãoDescrição
valueNumber❌0Percentual 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.