There are different types of linking within this framework. Here is a run down of each one and when to use it.
Internal Links
If you want to link to something internally, you should use the Gatsby Link component as it enables the SPA-like browsing experience.
Click <Link to="/documentation/recipes/adding-links#internal-links">here</Link> to learn about Links.
External Links
If you want to link to something external of the documentation, you should use the ExternalLink component.
Click <ExternalLink href="https://xedi.github.io/sdk-js/documentation/components#external-link">here</ExternalLink> to learn about external links
Source Links
If you want to link to source code, you should use the <SourceLink>
component.
<SourceLink href="https://github.com/xedi/sdk-js/blob/master/docs/src/components/source_link.js">View Source</SourceLink>
Repo Links
If you want to link to a page within the GitHub repository then use the <RepoLink>
component.
<RepoLink href="packages">Packages on GitHub</RepoLink>
Different Icon
You can also change the icon using the icon
property.
<RepoLink icon={Package} href="packages">Packages on GitHub</RepoLink>