---
description: 'TextField component.'
labels: ['mui', 'react', 'text-field']
---

import TextField from './TextField'

## Basic TextField component

Basic example that renders a text-field

### Component usage

```js
<TextField label='Outlined' variant='outlined' readOnly={true} fullWidth />
```

### Use this live example to interact with TextField component

Live example:

```js live
<TextField label='Outlined' variant='outlined' readOnly={true} fullWidth />
```
