---
id: Text input
section: components
subsection: forms
cssPrefix: pf-v5-c-form-control
propComponents: ['TextInput']
---

import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon';
import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';

## Examples

### Basic

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

```

### Disabled

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

```

### Truncated on Left

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

```

### Read only

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

```

### Invalid

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

```

### Select text using ref

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

```

### Custom icon

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

```

### Custom icon and invalid

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

```