Skip to main contentCarbon Design System

Text input

Preview the text input component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

<div>
<TextInput
helperText="Optional helper text"
id="test2"
invalidText="A valid value is required"
labelText="Text input label"
placeholder="Placeholder text"
/>
</div>
TextInput
Modifiers