Forma 36 Logo


View FormLabel on GitHub | View FormLabel in Storybook

FormLabels make it possible to define input label components.

Best practices

  • Provide html for all properties of the input label

Copy considerations

  • 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

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.

requiredUsed to add the text 'required' next to the label
requiredTextUsed to customize the 'required' text