Skip to main content

​
Introduction

The Link component is used to navigate between pages. You can link to internal or external pages. To link to an internal page, use the to prop pointing to a relative path. For example, to link to the about page, use the following code 
<Link to="/about">About</Link>
By default, the new page will open in the same tab. If you want to open the new page in a new tab, you can use the newTab prop. 
<Link to="/about" newTab={true}>Go to About page</Link>
To link to an external page, use the same to prop but include the full URL you want to link to. 
<Link to="https://example.com">External Link</Link>
External links open in a new tab by default. If you want to open the link in the same tab, you can set the newTab prop to false. 
<Link to="https://example.com" newTab={false}>External Link</Link>