Assistive Text

Assistive text provides users with extra context, guidance, or validation to ensure accurate input.

Overview

Assistive text helps users understand what kind of information they should enter, how to format it, or any specific requirements related to the input. It can provide examples, suggestions, error messages, validation rules, or any other relevant details that aid in accurate and meaningful input.

The purpose of assistive text is to enhance the user experience by reducing confusion, improving input accuracy, and ensuring users provide the expected information in the desired format.

Assistive text that is highlighting an error underneath a text input.

Resources

Figma Component	Available
Figma Documentation	Available
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Available
iOS JustUI [UI Kit]	Pre-release
iOS PIE [SwiftUI]	Pre-release
Android [XML views]	Planned
Android [Jetpack compose]	Planned