Link

Create accessible and interactive links

What it solves

Links are the fundamental building blocks of web navigation, connecting pages, resources, and actions through clickable text or elements. They are the most basic and ubiquitous interactive pattern on the web. Getting links right means choosing between <a> and <button>, styling clear interactive states, ensuring color contrast, and providing context about where the link leads — especially for external destinations, downloads, and new-tab behavior.

When to use

Use Links to navigate users to another page, resource, or section within the current page. Common scenarios include:

• Navigating to a different page within the same site
• Linking to external websites or resources
• Jumping to a section within the current page (anchor links)
• Downloading a file (PDFs, images, documents)
• Linking to email addresses (mailto:) or phone numbers (tel:)