Link

Click to jump to a new spot, like using a teleporter in your favorite sci-fi, making navigation instantaneous..

Basic

A link allows users to navigate to another page or resource within a website or app.

Installation

In the terminal, run the following command to begin:
npx hq-kit add link

Variant

You can change the variant of the link by using the variant prop. Available options include default, unstyled, primary, and danger.

Unstyled

By default, the link become primary-colored when hover, if you want to apply custom style just set the variant to unstyled, making it easy to apply custom classes and styles.

Use as Button

If you want to style a link to look like a button, you can do so by applying the buttonStyles prop.

Disabled

You can disable the link by setting the isDisabled prop.

DefaultUnstyledPrimaryDanger