TextInput.md

id	Text input
section	components
subsection	forms
cssPrefix	pf-v6-c-form-control
propComponents	TextInput TextInputExpandedObj

import { useRef, useState } from 'react'; import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon'; import RhUiClockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-fill-icon';

Examples

Basic

Disabled

Truncated at start

Read only

Invalid

Select text using ref

Custom icon

Custom icon and invalid