Components · Jaringan
Link
Not a shadcn component: shadcn styles links as a Button variant, which Jaringan drops so a link never looks like a button. Pass as={NextLink} for client navigation.
Inline
In running text: accent-text, always underlined. The underline thickens on hover.
Read the frequently asked questions before you register. You can choose an interview slot on the status page.
Show codeHide code
<p>Read the <Link href="/faq">frequently asked questions</Link> before you register.</p>Standalone
Below a list or a section: type-ui in text color, underline on hover, and the arrow nudges 2px where motion is allowed.
Show codeHide code
<Link variant="standalone" as={NextLink} href="/events">See all events</Link>External
A trailing ArrowUpRight. New tabs only for Drive/SharePoint galleries, external forms and PDFs, each with the screen-reader note “(opens in a new tab)”.
Every photo is in the Google Drive gallery (opens in a new tab).
Download the guide (PDF) (opens in a new tab)Show codeHide code
<Link href="https://…" external newTab>Gallery on Google Drive</Link>Rules
- The link text names its destination by itself.
- Inline links never lose their underline. Visited links are not styled. Links are never disabled; remove them instead.
- The current page uses
aria-current="page"plus a station marker (see Header).
Don’t
“Click here” or “Learn more”.
Do
“See all events”, “Read the visa guide”.