Price
Prices are used to display the price of a given product, discount and total values.
Import
import { Price } from '@faststore/ui'
Usage
62.5
Variants
Installment
62.5
Listing
62.5
Savings
62.5
Selling
62.5
Spot
62.5
Examples
INTL Formatted to parts
$62.50
INTL Formatted
€62.50
Custom
62,5 reais
Props
asElementType<any>Description
Set the HTML element tag of this component.
testIdstringDescription
ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
Default value
store-pricevalue*numberDescription
The raw price value.
formatterPriceFormatterDescription
Formatter function that transforms the raw price value and render the result.
Default value
(price) => pricevariantPriceVariantDescription
The current use case variant for prices.
Default value
sellingCustomization
data-store-price
data-variant
Formatter function example
function customFormatter(price: number) {
const unformattedPrice = `${price}`
const formattedPrice = `${unformattedPrice.replace('.', ',')} reais`
return formattedPrice
},