---
title: "Text Link"
description: "A link for running text, with a faint underline that darkens on hover, in default and muted tones. Renders as a framework link or a button."
plan: Free
docs: https://ui.edbn.me/docs/components/text-link
---

# Text Link

A link for running text, with a faint underline that darkens on hover, in default and muted tones. Renders as a framework link or a button.

## Installation

```bash
npx shadcn@4.19.0 add https://ui.edbn.me/r/text-link.json
```

## Dependencies
- npm: @base-ui/react@^1.8.0, class-variance-authority@^0.7.1
- edbn: edbn-base

## Usage

```tsx examples/text-link-basic.tsx
"use client";
import { TextLink } from "@/components/ui/text-link";

export default function TextLinkBasicPreview() {
  return (
    <div className="flex max-w-compact flex-col gap-3">
      <p>
        Read the <TextLink href="#">migration guide</TextLink> before you
        upgrade.
      </p>
      <p className="text-muted-foreground">
        File moved to Archive.{" "}
        <TextLink variant="muted" render={<button />}>
          Undo
        </TextLink>
      </p>
    </div>
  );
}
```

## Files
- components/ui/text-link.tsx (64 lines)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt