Price Input

A text input optimized for prices.



1import React from 'react'
2import PriceInput from '@tempoplatform/tpds/components/input/price'
3
4const [price, setPrice] = React.useState(10)
5
6<PriceInput
7  initialValue={price}
8  currencySymbol="$"
9  onChangeCallback={value => setPrice(value)}
10/>


Prop Name

Type

Default

Required

Description

initialValue

String | Number

null

yes

The initial value displayed

currencySymbol

String

$

no

The currency symbol to be displayed

onChangeCallback

Function

null

yes

The callout function used to select the clicked index