I'd like to disable react-number-format input, but this component doesn't have disabled property.
How can I disable it?
Add a comment
|
2 Answers
disabled is working fine.
I have placed 2 components, one without the disabled attribute and the other one with the disabled attribute and the result is the desired one.
<NumberFormat
value={111}
thousandSeparator={true}
prefix="$"
className="some"
inputmode="numeric"
/>
<NumberFormat
value={222}
thousandSeparator={true}
prefix="$"
className="some"
inputmode="numeric"
disabled
/>
Check this sandbox
Comments
For anyone wondering you can also show the number just as text. You can use the displayType prop.
<NumberFormat
value={69}
thousandSeparator={true}
prefix="$"
displayType="text"
/>
