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

We're currently working on updating our Assistive Text documentation, please see the resources below.

Figma Web Component	Stable
Figma Web Documentation	Stable
Figma App Component	Stable
Figma App Documentation	Stable
Web Components	Beta
Vue [Fozzie]	N/A
React [Snacks]	N/A
iOS JustUI [UI Kit]	Pre-release
iOS PIE [SwiftUI]	Pre-release
Android PIE [Compose & Views]	Stable