A labeled field with description, validation, and a crisp focus edge.
Optical system

Interface component

Text field

Inset writing surface. A labeled field with description, validation, and a crisp focus edge.

Try this component

Interaction

A labeled field with description, validation, and a crisp focus edge.

Use it for

Inset writing surface

Implementation

React / Motion. Part of the Controls family in Optical UI. The live example supports interactive exploration; this page provides its permanent reference.

Explore this design language · Implementation guide · Download source