Component for links

The <Link> component creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. The href property is required. Additional you can set the target property.



To import the component you just have to use this code below.

import { Link } from '@marigold/components';


variantmenuItemLinkThe available variants of this component.
size-The available sizes of this component.


hrefstring-Hypertext Reference for your link.
target_blank-The response is displayed in a new window or tab.
downloadstring-The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.


The example shows a standard <Link>.

Link something nice like Marigold

This example shows a <Link> component with the prop disabled.

You can jump to

This is an example of using an anchor link on the web page. If you want to use an anchor link, you must give the target the same ID (without #) as the href property in the link

Jump to Import

An example of using the target _blank property. When the target is blank, the web page opens in a new tab.

Link something nice like Marigold github repositories