CODEWITHSUNDEEP
javascriptreactjsreact-number-format
Cory R
Cory R

Reputation: 135

How can I disable react-number-format input

I'd like to disable react-number-format input, but this component doesn't have disabled property. How can I disable it?

Upvotes: 1

Views: 3495

Answers (2)

Sebastian R
Sebastian R

Reputation: 1

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"
  />

Upvotes: 0

Apostolos
Apostolos

Reputation: 10463

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

Upvotes: 1

Related Questions