Link

The link serves as a navigational element. It provides a clickable area with styled text and an optional icon, allowing users to access different pages, sections, or external resources within the application.


Name

Description

Type

Default

children

The content of the component

ReactNode

-

className

Forwarded to root element

string

-

disabled

If true, the component is disabled

boolean

false

download

Causes the browser to treat the linked URL as a download, see: MDN

boolean

-

href

The URL to link to when the link is clicked

string

-

level

The level of the component

h1 h2 h3 h4 h5 body1 body2 body3 body4 button

body1

rel

The relationship of the linked URL as space-separated link types, see: MDN

string

-

size

The size scale of the Link component

sm md lg

-

style

Forwarded to root element

object

-

target

Where to display the linked URL

_self _blank _parent _top

_self

underline

Controls when the link should have an underline

hover always

always

  • All other props will be forwarded to root element

logo

© 2026 Magenta Design System • v2.0.0-alpha.4