A link component that renders a <a> element.
| Prop | Type | Default | Responsive |
|---|---|---|---|
| to | string | - | No |
| variant | subtitlebodycaptionlabel | body | Yes |
| weight | regularbold | regular | Yes |
| className | string | - | No |
| style | CSSProperties | - | No |
Here's a view when links have different variants.
<Flex gap="4" direction="column">
<Link href="https://canon.backstage.io" variant="subtitle" />
<Link href="https://canon.backstage.io" variant="body" />
<Link href="https://canon.backstage.io" variant="caption" />
<Link href="https://canon.backstage.io" variant="label" />
</Flex>Here's a view when links have different weights.
<Flex gap="4" direction="column">
<Link href="https://canon.backstage.io" weight="regular" />
<Link href="https://canon.backstage.io" weight="bold" />
</Flex>