Price

Prices are used to display the price of a given product, discount and total values.

Import

import { Price } from '@faststore/ui'

Usage

Variants

Installment

Listing

Savings

Selling

Spot

Examples

INTL Formatted to parts

INTL Formatted

Custom

Props

Customization

data-fs-price

data-variant

Formatter function example

function customFormatter(price: number) {
  const unformattedPrice = `${price}`
  const formattedPrice = `${unformattedPrice.replace('.', ',')} reais`

  return formattedPrice
},

Price

Import​

Usage​

Variants​

Installment​

Listing​

Savings​

Selling​

Spot​

Examples​

INTL Formatted to parts​

INTL Formatted​

Custom​

Props​

Customization​

Formatter function example​

Import

Usage

Variants

Installment

Listing

Savings

Selling

Spot

Examples

INTL Formatted to parts

INTL Formatted

Custom

Props

Customization

Formatter function example