The Link component allows you to show links on the page, open them in a new window, and change the color.
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.
Example
You should wrap Link
components inside of a Text
component to get the correct font & underline color.
Accessible Content
When providing the content for the link, avoid phrases like "click here" or "go to".
Permutations: tapStyle and hoverStyle
Related
OnLinkNavigationProvider
OnLinkNavigationProvider allows external link navigation control across all children components with link behavior.