Link
This is an interactive component that directs users to a specified URL. It even supports custom protocols.
Anchor to linkpropsLinkProps
A label that describes the purpose or contents of the element. When set, it will be announced to users using assistive technologies and will provide them with more context. When set, any children or label
supplied will not be announced to screen readers.
The URL to link to. If set, it will navigate to the location specified by href
after executing the callback.
A unique identifier for the link.
Alias for language
Indicate the text language. Useful when the text is in a different language than the rest of the page. It will allow assistive technologies such as screen readers to invoke the correct pronunciation. Reference of values ("subtag" label)
Callback when a link is pressed. If href
is set, it will execute the callback and then navigate to the location specified by href
.
Alias for Callback when a link is pressed. If
href
is set, it will execute the callback and then navigate to the location specified by href
.
Specifies where to display the linked URL
Alias for href
If set, it will navigate to the location specified by to
after executing the callback.
Sets the link color.
inherit
will take the color value from its parent, giving the link a monochrome appearance. In some cases, its important to pair this property with another stylistic treatment, like an underline, to differentiate the link from a normal text.
Link to an app page
Preview

Anchor to examplesExamples
Anchor to example-external-linkExternal Link
Link to an external URL
Anchor to example-relative-linkRelative Link
Link to a relative URL
Anchor to example-shopify-section-linkShopify Section Link
Link to a Shopify admin page
External Link
Preview
