Text inputs

v3.0.0

Text inputs are input fields typically used in forms that allow the user to enter text data in a structured format. Text inputs should be accompanied by labels.

Released

History
View changes
Install
npm i @gold.au/text-inputs
Tags
Requires
Contributors
  • Patrick De Young avatar picture
  • Gary Broadbent avatar picture
  • Kiri Hoy avatar picture
  • Simon Pascal Klein avatar picture
  • Hannah J. Nicdao avatar picture
  • Trevor Brennan avatar picture
  • Petra Gulicher avatar picture
  • Alexander Sadleir avatar picture
  • Julian Fleetwood avatar picture
  • Dominik Wilkowski avatar picture
  • Alex Page avatar picture

Colour impairment

How the text inputs are viewed with various colour blindnesses

Example

Grayscale

How the text inputs are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with text inputs.

Example

Screen readers

A text input field.

A text input field [edit text].

A disabled input field.

A disabled input field [dimmed edit text, placeholder].

How the text inputs demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback