sheengemologic ui
All components

Link

Navigates to a native anchor destination, with text or quiet button styling.@gemologic/sheen · primitives

Playground

Orders
<Link href="/orders" variant="text">Orders</Link>

Variant matrix

Destination
Orders
Button-styled destination
New order
variant: text
Orders
variant: button
Orders

Anatomy

Package
@gemologic/sheen
Source
packages/ui/src/primitives/Link.tsx
Tokens
  • --sheen-color-accent-fg
  • --sheen-color-focus-ring
  • --sheen-color-focus-ring-offset
  • --sheen-control-h-md

Accessibility

Role: linkKeyboard: Tab, Shift+Tab, Enter

Do

  • Use Button for actions that do not change the URL.
  • Provide visible text or an accessible name.
  • Let the app router handle navigation through its normal anchor integration.

Do not

  • Do not put interactive controls inside links.
  • Do not treat aria-disabled as disabling native navigation; render unavailable content without a destination instead.
  • Do not use Space to emulate button activation.

Generated props

NameTypeDefaultDescription
href *string—Required destination. Native target, download, rel, and modified-click behavior are preserved.
variant"text" | "button"textText link or quiet medium button appearance; both retain link semantics.
Native Solid/HTML attributes remain available and are omitted from this authored-prop view.