> For the complete documentation index, see [llms.txt](https://skyslit.gitbook.io/magicjs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://skyslit.gitbook.io/magicjs/api-references/frontend/less-than-linkdisplay-greater-than.md).

# \<LinkDisplay>

> Example:

```typescript
import { Link, LinkDisplay } from '@magicjs.dev/frontend';

<LinkDisplay pageId="homepage">
    {({ url }) => (
        // In 'url', you will get the page link.
        
        <Link to={url} className="//className Here...">
            Home
        </Link>
    )}
</LinkDisplay>
```

{% hint style="info" %}
The `pageId` in the above snippet is an identifier previously configured in the "`config.json`" file for the corresponding page.
{% endhint %}

[Click here to refer GitHub.](https://github.com/skyslit/magicjs.dev/blob/main/packages/frontend/src/index.tsx#L377)