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.
Preview
Code
Installation
CLI
Manual
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.
Preview
Code
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.
Preview
Code
DefaultUnstyledPrimaryDanger