Include a link in the helper text of an option

Add links within the description text of checkbox options to provide additional context or resources while users are making selections.

When to use

Use this pattern when:

  • Checkbox options need additional context via links
  • Users might need more information before making a selection
  • Linking to terms, policies, or detailed explanations
  • The link is directly relevant to the specific option

Considerations

  • Keep description text concise even with links
  • Ensure link text is descriptive and accessible
  • Consider whether the link should open in a new tab
  • Use the description prop (React) or ng-template (Angular) for custom content
View old example docs