Form Label

A form label is a text element used to describe or provide a name for an input field or form element.

Overview

The purpose of form labels is to improve the usability and accessibility of form inputs by providing descriptive and meaningful text that enhances the user experience. It helps users understand the purpose of the input field, improving form comprehension and data entry accuracy.

Form labels are displayed as a concise and clear text above an input field that describes the information it requires. They provides guidance, instructions, or prompts to users, ensuring they are able to provide the appropriate data.

A form label that is placed above a textarea.

Resources

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