The Link component allows you to show links on the page and open them in a new window.
Props
Usage guidelines
When to Use
- For navigation within or directly accompanying a sentence.
- Directing users to another page or a different portion of the same page.
When Not to Use
- Performing actions, such as "Save", "Cancel" or "Delete". Use Button instead.
- Submitting a form or opening a modal. Use Button instead.
Accessibility
Accessible Content
When providing the content for the link, avoid phrases like "click here" or "go to".
Variants
Link and Text
Use Link within Text to get the correct font and underline color.
tapStyle and hoverStyle
Use accessibilitySelected
and role="Tab"
when using Link as a tab.
Related
OnLinkNavigationProvider
OnLinkNavigationProvider allows external link navigation control across all children components with link behavior.