Skip to contentWolf-Rayet

Link

A link takes people to a new location in the app or another website.

#Default

Write link text that says where the link goes.

import { Link } from '@wolf-rayet/react';

<Link href="#">Open the billing queue</Link>

#Subtle

Use a subtle link where the link sits among other secondary text.

import { Link } from '@wolf-rayet/react';

<Link href="#" appearance="subtle">Conversation history</Link>

#In a sentence

A link takes the size and line height of the text around it.

The bot answered twice before handing over. Read the full conversation to see what it said.

import { Link } from '@wolf-rayet/react';

<p style={{ margin: 0 }}>
  The bot answered twice before handing over. <Link href="#">Read the full conversation</Link> to see what it said.
</p>