# Link

A native anchor for navigation.

Connect Flood once using [the installation guide](https://flood.md/docs/installation). Then import the components you use; no per-component add command is needed.

## Example

```tsx
"use client";

import { FloodRoot, Link } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <Link href="/docs/installation">Install Flood</Link>
    </FloodRoot>
  );
}
```

## Design notes

- Use a button for state-changing actions and a link for navigation.
- Link forwards native anchor attributes. Its optional solid/subtle/outline/ghost variants share Flood Button geometry; text is the unchanged default. No asChild API.

## API reference

| Prop | Values | Default |
| --- | --- | --- |
| `variant` | `"text" \| "solid" \| "subtle" \| "outline" \| "ghost"` | `"text"` |
| `size` | `"2xs" \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl"` | `"md"` |
| `Native HTML props` | `AnchorHTMLAttributes<HTMLAnchorElement>` | `Forwarded` |