@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 |