# Link button

An anchor styled as a button, for navigation that looks like an action ("Open order", "View in Global Store"). Kit v2 scopes the link-colour reset so a page's `a{color:inherit}` cannot strip a filled button.

- **Group:** Actions · **family:** `page-primitives` · **shadcn:** Button
- **Build:** shadcn `Button asChild` wrapping `next/link`.
- **In apps/admin today:** Button exists; `asChild` is supported via Slot.
- **Client component:** no. 

## Content rules

- Name the destination: "Open order RJC-20418".

## Do

- Use `<Button asChild><Link href=…/></Button>` in Next.js.

## Don't

- Use a link button to submit or mutate.

## Accessibility

- **Keyboard:** Enter follows the link; Space does not (it is a link).
- **ARIA:** Never `role="button"` on an anchor that navigates.
- **Focus:** Same ring as Button.

## Tokens

`--primary-foreground` `--destructive-foreground`

## Files

`link-button.html` live specimen · `link-button.css` kit rules · `link-button.d.ts` props · full page: `docs/components/link-button/` (phone: `m/`).