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".
Accessible Tab Link
Use accessibilitySelected
and role="Tab"
when using Link as a tab.
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.