<Link />

import {Link} from "attio/client"

Link is for URLs outside Attio. It opens in a new tab, and the user is asked to confirm before leaving. Think of it as

<a href="https://yourwebsite.com" target="_blank" />

To link to a place inside Attio (one of your pages, a record, your settings) use AttioLink instead. It navigates in the current tab with no prompt.

Example

link-dialog.tsx

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

string

required

The url to link to.

React.ReactNode

required

The text to hyperlink.

Introduction

Guides

Extensions

Pages

Workflow blocks

Notifications

Dialogs

Navigation

Components

Forms

Icons

Settings

GraphQL

Data fetching

Server

System

Legacy

Example

Props

​Example

​Props

Example

Props