Skip to main contentCarbon Design System

Number input

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

Documentation

Live demo

<NumberInput
helperText="Optional helper text"
id="tj-input"
invalidText="Number is not valid"
label="Number input label"
max={100}
min={0}
step={10}
value={50}
/>