Version:

Install ​

shell
npm i @mate-react/number-field

Import ​

tsx
import { MateNumberField } from '@mate-react/number-field';

Variants ​

Default ​

tsx
<MateNumberField label="Label" stepButtonsVisible />

Required ​

tsx
<MateNumberField label="Required" required stepButtonsVisible />

Disabled ​

tsx
<MateNumberField label="Disabled" disabled stepButtonsVisible />

Read Only ​

tsx
<MateNumberField label="Read only" readonly stepButtonsVisible />

Invalid ​

tsx
<MateNumberField label="Invalid" invalid errorMessage="Error message" stepButtonsVisible />