Price

O componente Price é utilizado para exibir o preço de um produto.

Importação

import { Price } from '@escaletech/delta'

Utilização

Editor de código

<Price price="99,99" periodicity='mês' />

<Price
  price="99,99"
  periodicity='mês'
/>

Resultado

Loading...

Customização

Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na página de documentação de tema.

import { extendsTheme } from '@escaletech/delta'

export const theme = extendsTheme({
  colors: {
    priceColor: '$secondaryMedium',
    periodicityColor: '$neutralDarkest'
  }
})

Tokens

Token	Descrição
color.priceColor	Define a cor de texto do preço
color.periodicityColor	Define a cor de texto da periodicidade

Props

Propriedade	Descrição	Tipo	Padrão	Obrigatório
price	Texto do preço do componente	string	``	✅
periodicity	Periodicidade do preço	string	mês	❌