New release
Introducing a visual refresh to Forma 36 React componentsRelease notes
Forma 36

FormLabel

StorybookGithub
stable

FormLabel makes it possible to define input label components.

Table of contents

How to use FormLabel

  • Provide html for all properties of the input label

Component variations

Basic example

FormLabel required properties (required, requiredText)

To communicate that the corresponding input of the FormLabel is required, use the props required and requiredText. Use this guidance to determine the correct required properties to use based on the context.

Content recommendations

  • Do not use punctuation following a label
  • Use sentence style caps (in which only the first word of a sentence or term is capitalized) on labels

Accessibility

Missing