Link
BetaBatch A. A link goes to another page or site.
When to use
Use to go to another page or section.
When not to use
Don't use for actions; use Button.
Anatomy
- Text, always underlined
- External icon and screen reader text (external links only)
Variants
| Variant | Use |
|---|---|
| inline (default) | Inside a sentence. |
| standalone | On its own line. Medium weight, at least 24px tall. |
| external | Set automatically for http and https links. Opens in a new tab. |
States
Pictures of each state. Use the live example on the Code tab to try the component.
| Default | Hover | Focus-visible | |
|---|---|---|---|
| inline | Token table | Token table | Token table |
| standalone | Token table | Token table | Token table |