5Sponsor

Link

OSC 8 clickable hyperlink

Terminal
link-demo
No opentui live preview is registered for this example yet.

Installation

pnpm dlx shadcn@latest add @termcn/link

Usage

import { Link } from "@/components/ui/link";
<Link href="https://github.com">GitHub</Link>

Examples

Show URL and terminals without OSC 8

showHref appends the URL in dim text. When the terminal does not support OSC 8 hyperlinks, the same fallback is used unless you set fallback={false} or pass a custom fallback function.

Terminal
link-show-href
No opentui live preview is registered for this example yet.

API Reference

PropTypeDefault
childrenReactNoderequired
hrefstringrequired
colorstringundefined
showHrefbooleanfalse
fallbackboolean | ((text: string, url: string) => string)true