Skip to main content

NumberField


Example

EUR
<NumberField
name="amount"
label="Amount"
placeholder="Type here..."
value={value}
onChange={setValue}
kind="currency"
currency="EUR"
/>

Props

NameTypeDefault ValueRequiredDescription
namestringNo
valuenumberYes
onChange(value: number) => unknownYes
onBlur() => unknownNo
labelstringYes
issuesNonEmptyArray<Children>No
disabledbooleanNo
assistiveTextChildrenNo
autoFocusbooleanNo
hintstringNo
hintPlacement"bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start"No
placeholderstringNo
isReadOnlybooleanNo
rightAccessoryChildrenNo
kind"decimal" | "currency" | "percentage"No
currencystringYes

Related components