Hyperlink

Hyperlink are interactive elements that allow users to navigate in webpage.

Installation

To install @igloo-ui/hyperlink in your project, you will need to run the following command using npm:

npm install @igloo-ui/hyperlink

If you prefer Yarn, use the following command instead:

yarn add @igloo-ui/hyperlink

Usage

Then to use the component in your code just import it!

import Hyperlink from '@igloo-ui/hyperlink';

<Hyperlink>
  <a href="#">Link to ...</a>
</Hyperlink>;

API

PropTypeDescription
childrenReactNodeThe content to display inside the link
sizeSizeChanges the size of link, giving more or less padding
appearanceAppearanceLink appearance
underlinebooleanAdd a underline on link
dataTeststringAdd a data-test tag for automated tests
iconLeadingReactNodeIcon to display to the left of link content
iconTrailingReactNodeIcon to display to the right of link content
classNamestringAdd a specific class to the link
intercomTargetstringAdd a data-intercom-target with unique id to link a components to a Product Tour step