Input

Use Input for single-line text entry with built-in labeling and validation states.

Example

We use this email for account notifications.

API reference

InputProps

labelstring

Name: label

Description: Visible label text associated with the input.

Type: string

Default:

errorstring

Name: error

Description: Error message; sets aria-invalid and alert semantics.

Type: string

Default:

helperTextstring

Name: helperText

Description: Supporting text shown when no error is present.

Type: string

Default:

requiredbooleanfalse

Name: required

Description: Marks field as required and appends visual indicator.

Type: boolean

Default: false

Accessibility

  • WCAG 1.3.1: Programmatic label and field association.
  • WCAG 2.5.3: Label text and accessible name alignment.
  • WCAG 4.1.2: Error and helper text relationships are announced.

Playground

Open Input stories