Link

Overview

Provides navigation to another page

When to use:

  • Navigate to an external webpage
  • Navigate to helpful documentation

Implementation

A simple wrapper for anchor elements. Use instead of <a>. Supports all native anchor element attributes.

Edit the code below to see your changes live!

<Link href="#">Link example</Link>

Props

Supports all native <a /> element attributes.

Prop name
Type
Default
Description
externalboolean

Shows an external icon when the external flag is set and target="_blank".

ellipsisboolean

Controls whether the text will concat and display ellipse... on overflow.

Props ending with * are required

Inherited

Expand

Margin Props

Do's and Don'ts

Do
Use the external prop when a link navigates away from the control panel.
Usually within a sentence to provide additional guidance or information.
Use descriptive text to set clear expectations of the link destination.
Don't
Avoid using links for actions – use a button instead.