> ## 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.

# <AttioLink />

> A link to a place inside Attio.

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

`AttioLink` renders an anchor pointing at a [destination](./overview). Because it's a real link, everything the user expects from one works: cmd-click opens it in a new tab, right-click offers "Copy link", and hovering shows where it goes.

Available on [pages](../pages/overview), [record tabs](../extensions/record-tab) and in [dialogs](../dialogs/show-dialog). It is not available on the workspace settings page; use [`navigate`](./navigate) from a button there.

For URLs outside Attio, use [`Link`](../components/link).

## Example

```tsx src/app/pages/dashboard/at-risk-deals.tsx theme={"system"}
import React from "react"
import {Table, AttioLink, Destinations} from "attio/client"

import {useAtRiskDeals} from "./use-at-risk-deals"

export function AtRiskDeals() {
  const deals = useAtRiskDeals()

  return (
    <Table label="At risk">
      <Table.Header>
        <Table.HeaderCell>Deal</Table.HeaderCell>
        <Table.HeaderCell>Owner</Table.HeaderCell>
      </Table.Header>
      <Table.Body>
        {deals.map((deal) => (
          <Table.Row key={deal.recordId}>
            <Table.Cell>
              <AttioLink to={Destinations.record({recordId: deal.recordId, object: "deals"})}>
                {deal.name}
              </AttioLink>
            </Table.Cell>
            <Table.Cell>{deal.owner}</Table.Cell>
          </Table.Row>
        ))}
      </Table.Body>
    </Table>
  )
}
```

## Props

<ParamField path="to" type="Destination" required>
  Where the link goes, built with [`Destinations`](./overview#destinations).

  If the destination can't be resolved, the link renders its text without a link.
</ParamField>

<ParamField path="children" type="React.ReactNode" required>
  The link text. Must be a single piece of text; other components are not accepted.
</ParamField>