Hyperlink
Hyperlink are interactive elements that allow users to navigate in webpage.
Version 0.5.2
StorybookInstallation
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
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | The content to display inside the link |
size | Size | Changes the size of link, giving more or less padding | |
appearance | Appearance | Link appearance | |
underline | boolean | Add a underline on link | |
dataTest | string | - | Add a data-test tag for automated tests |
iconLeading | ReactNode | - | Icon to display to the left of link content |
iconTrailing | ReactNode | - | Icon to display to the right of link content |
className | string | - | Add a specific class to the link |
intercomTarget | string | - | Add a data-intercom-target with unique id to link a components to a Product Tour step |