Website Link

Displays a compact inline website link with an automatically derived favicon and resilient fallback.

@rivetui/website-link

Preview

Explore each composition interactively, then open its code in the same context.

Use website links inline when the destination identity is useful context.

Note

title is optional. When omitted, WebsiteLink resolves available page metadata and falls back to a readable host label.

Release note / 04

The component registry is documented on Rivet UI (opens in a new tab) and follows the installation workflow from shadcn/ui (opens in a new tab).

HTTP links resolve site identity, while mail and telephone links use dedicated fallbacks.

Sizes align the link with surrounding typography; long titles truncate inside constrained layouts.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/website-link

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`href`	`string`	Required
`title`	`string`	Hostname, email address, or phone number derived from `href`
`size`	`"sm" \| "md" \| "lg"`	`"md"`
`target`	`React.ComponentProps<"a">["target"]`	`—`
`rel`	`React.ComponentProps<"a">["rel"]`	Adds `"noopener noreferrer"` when `target="_blank"`
`className`	`string`	`—`