Link

Use semantic links for navigation actions and add utility styles where needed.

API reference

LinkProps

externalbooleanfalse

Name: external

Description: Treats href as external and applies secure rel/target behavior.

Type: boolean

Default: false

skipbooleanfalse

Name: skip

Description: Styles/behaves as a skip link for keyboard users.

Type: boolean

Default: false

hrefstring

Name: href

Description: Destination URL for the anchor element.

Type: string

Default:

aria-labelstring

Name: aria-label

Description: Accessible label, useful when visible text is ambiguous.

Type: string

Default:

  • WCAG 2.4.4 Link Purpose: Clear link text or aria-label
  • WCAG 2.4.7 Focus Visible: Clear focus indicators
  • WCAG 4.1.2 Name, Role, Value: Proper semantic HTML
Open Link stories