🎉 👀 New look, same Primer! Preview the new docs experience here and let us know what you think.

Link

Links are used to apply styles to hyperlink text.

  • @primer/react@37.15.0
  • Alpha
  • Not reviewed for accessibility

Import

import {Link} from '@primer/react'

Examples

View in Storybook

Props

NameDefaultDescription
href
string

URL to be used for the Link. (The href is passed to the underlying <a> element. If as is specified, the link behavior may need different props).

muted
falseboolean

Uses a less prominent shade for Link color, and the default link shade on hover.

inline
falseboolean

Set to true for links adjacent to text, underlining them for clear visibility and improved accessibility.

underlineDeprecated
falseboolean

Use inline instead.

hoverColor
string

Color used when hovering over the link.

ref
React.RefObject<HTMLAnchorElement>
as
"a"React.ElementType
sx
SystemStyleObject