Link Text

A polymorphic text link with tone, underline, size, and external-link controls.

Tone: default Tone: muted Tone: subtle Tone: danger

Installation

npx shadcn@latest add https://reactdocs.canceydejean.dev/r/link-text.json

Usage

Use Link Text for inline actions, navigation labels, and linked UI copy. It supports visual variants and can render as any element through the as prop.

import { LinkText } from "@/components/link-text/link-text";

export function Example() {
  return (
    <LinkText href="/docs" tone="default" underline="hover">
      Read the docs
    </LinkText>
  );
}