> ## Documentation Index
> Fetch the complete documentation index at: https://docs.attio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# <Link />

> A hyperlink to an external website.

<img className="dark:hidden" width="720" height="440" noZoom src="https://mintcdn.com/attio/4Fh2EPa8-SlLTNAV/images/link.png?fit=max&auto=format&n=4Fh2EPa8-SlLTNAV&q=85&s=0784cb7116e9fb6d3c5e282e593cf997" data-path="images/link.png" />

<img className="hidden dark:block" width="720" height="440" noZoom src="https://mintcdn.com/attio/4Fh2EPa8-SlLTNAV/images/link-dark.png?fit=max&auto=format&n=4Fh2EPa8-SlLTNAV&q=85&s=a813ec62b2e191da87cbb271902484f9" data-path="images/link-dark.png" />

The user will be prompted if they are sure they want to open the link.

```js theme={"system"}
import {Link} from "attio/client"
```

It can be thought of as an

```jsx theme={"system"}
<a href="https://yourwebsite.com" target="_blank" />
```

## Example

```tsx link-dialog.tsx theme={"system"}
import React from "react"
import {TextBlock, Link} from "attio/client"

export function LinkDialog() {
  return (
    <TextBlock>
      Check out <Link href="https://attio.com">Attio</Link>.
    </TextBlock>
  )
}
```

## Props

<ParamField path="href" type="string" required>
  The url to link to.
</ParamField>

<ParamField path="children" type="React.ReactNode" required>
  The text to hyperlink.
</ParamField>
