# LinkButton

> A navigation action styled to read as a button rather than inline text — "View project", "Download", a dialog's "Cancel" that also navigates away.

```ts
import { LinkButton } from "@sdxc/ui";
```

Renders a native `<a>` host, colored and shaped through the same color,
variant, and size data attributes as Button. `aria-disabled="true"`
keeps it focusable while dimmed, so drop `href` too for full inertness.

## Examples

```tsx
<LinkButton href="/projects/new">{t("actions.createProject")}</LinkButton>
```

```tsx
<LinkButton href="/projects" color="neutral" variant="outline" size="sm">{t("actions.cancel")}</LinkButton>
```

```tsx
<LinkButton href="/export/report.csv" download aria-disabled={!hasReport || undefined}>{t("actions.download")}</LinkButton>
```

## Props

Takes no props of its own.

## Types

| Name | Values | What it decides |
| --- | --- | --- |
| `Color` | `"brand" \| "neutral" \| "success" \| "warning" \| "danger"` | Semantic color role, each mapped to its matching `--ui-*` variables. |
| `Variant` | `"solid" \| "outline" \| "ghost"` | Visual weight the link renders with: a solid fill with an on-solid foreground, a transparent fill with a strong colored border, or a fully transparent fill with just a colored label. |
| `Size` | `"sm" \| "md" \| "lg"` | Size variant controlling the link's padding and font size. |