---
id: Number input
section: components
cssPrefix: pf-c-number-input
propComponents: ['NumberInput']
---

## Examples

### Default

```ts file="./NumberInputDefault.tsx"
```

### With unit

```ts file="./NumberInputUnit.tsx"
```

### With unit and thresholds

```ts file="./NumberInputUnitThreshold.tsx"
```

### Disabled

```ts file="./NumberInputDisabled.tsx"
```

### With status

```ts file="./NumberInputWithStatus.tsx"
```

### Varying sizes

```ts file="./NumberInputVaryingSizes.tsx"
```

### Custom increment/decrement

```ts file="./NumberInputCustomStep.tsx"
```

### Custom increment/decrement and thresholds

```ts file="./NumberInputCustomStepAndThreshold.tsx"
```