Link

Basic

Sizes

• Text supports 4 sizes sm, md, lg and responsive and can be changed by passing the size prop.
• Default size is responsive.

• With size responsive, the component will be responsive to the viewport.

Screen prefix	Screen width	Component size
xs → xl	0px → 1279px	sm
xl → 3xl	1280px → 1919px	md
3xl → ∞	1920px → ∞	lg

Underline

• The underline prop can be used to set the underline behavior. The default is always.

Security

• When you use target="_blank" with Links, it is recommended to always set rel="noopener" or rel="noreferrer" when linking to third party content
  • rel="noopener" prevents the new page from being able to access the window.opener property and ensures it runs in a separate process. Without this, the target page can potentially redirect your page to a malicious URL.
  • rel="noreferrer" has the same effect, but also prevents the Referer header from being sent to the new page. ⚠️ Removing the referrer header will affect analytics.
• Read more about rel here

Downloadable

• The download prop can be used to set the downloadable Link.

Target

• Link supports 4 target as a HTML tag : _self, _blank, _parent and _top.
• Default target is _self.

Disabled

• The disabled prop can be used to set the Disabled Link.