---
url: /docs/components/link/overview.md
---
# Link - Overview

Link component to use when creating links that look like buttons.

## General

A link is interactive text that serves as a lightweight navigational element. It directs users to another location, such as a different website, a specific section on the same page, or an external resource.

See the component in Figma: [Warp - Components / Link](https://www.figma.com/design/pLorEdyAMCZXoxkaCSgREO/Warp-Portal---Documentation?node-id=2436-1497\&m=dev)

Related components: [Button](https://www.figma.com/design/pLorEdyAMCZXoxkaCSgREO/Warp-Portal---Documentation?node-id=2392-6379\&m=dev)

## Example

## Variants

### Text link

### Button styled

## Anatomy

::: image-block
![A visual diagram of a text link with two labeled parts. The link reads "This is a link" and has a trailing external link icon. Label 1 points to the underlined blue hyperlink text, while Label 2 points to the trailing icon. Below the diagram, a legend explains: Hyperlinked text/text link: Communicates what is being linked to. Trailing icon: Visual indicator that reinforces the purpose of the text link (optional).](/components/link/link-anatomy.svg)
:::

1. Hyperlinked text/text link: Communicates what is being linked to.
2. Trailing icon: Visual indicator that reinforces the purpose of the text link (optional).