States

Label
Placeholder text

Default

Text field has not interaction and is visible

Label
Placeholder text

Hover

Mouse pointer is on text field

Label
Here's some text!

Active

Text field clicked on, text entered

Label
Here's some text!

Focused

Text field selected to receive input

Label
Can't change this text

Disabled

Text field cannot be changed or affected

Label
This text is in trouble
Error message

Error

Problem identified with data input