# Link

> A native anchor for inline navigation, always underlined so its affordance never rests on color alone, and colored through a semantic color role that also drives its focus ring and disabled state.

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

Renders a native `<a>` host, colored through the `data-color` attribute
contract and underlined unconditionally. `aria-disabled="true"` mutes the
link, but only removing or neutralizing `href` actually stops navigation.

## Examples

```tsx
<Link href="/about">{t("nav.about")}</Link>
```

```tsx
<Link href="/delete" color="danger">{t("actions.delete")}</Link>
```

```tsx
<Link href="/settings" aria-disabled="true">{t("nav.settings")}</Link>
```

## 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. |