EDS4 logo
@eds/link
v4.1.10

Link

Links are used as both internal and external navigational elements.
Prop
Required
Description
Type
label

The label text of the link.

string
standalone

When true, the link only becomes underlined on hover. Defaults to false.

boolean
tone

Different tone styles for the link. Defaults to brand.

"brand" | "neutral" | "inverted"
fontSize

Size of the label text.

"xsmall" | "small" | "medium" | "large" | "xlarge" | "xxsmall" | "standard" | "xxlarge"Supports responsive prop syntax
lineHeight

Line height of the label text

"nospace" | "tight" | "loose"Supports responsive prop syntax
paddingY

Make the clickable area of the link taller, by passing in paddingY. Also supports the responsive prop syntax, e.g. {{ xsmall: 'small', xlarge: 'xlarge' }}.

"xsmall" | "small" | "medium" | "large" | "xlarge" | "xxsmall" | "xxlarge" | "none" | "auto"Supports responsive prop syntax