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