Skip to main content

Label

Offer textual and visual cues to describe or categorize elements––inputs, selection, buttons, or sections.

Variants: Label comes in four types––default, optional, with info icon and optional with info icon.

View in StorybookExternal link icon

Behavior​

  • Label as info icon guides users with helpful text or extra information.
  • Hovering over the info icon displays the additional context in the Tooltip.
  • The optional text signifies that the action is not mandatory.

Usage​

  • Use label as a unifying component––a common element to provide cues for inputs, selects, and read-only fields.