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.

LinkProps

Name	Description	Type	Default
children	The content of the component	`ReactNode`	-
className	Forwarded to `root` element	`string`	-
color	The color variant of the Link component	`red` `secondary`	`secondary`
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

Was this page helpful?