LinkTooltip
A native destination anchor with scoped hover/focus help.@gemologic/sheen · overlaysPlayground
This example has no scalar controls. Its validated source remains interactive below.
<LinkTooltip href="/orders" content="Browse orders">Orders</LinkTooltip>Variant matrix
Destination help
Anatomy
- Package
@gemologic/sheen- Source
packages/ui/src/primitives/LinkTooltip.tsx- Tokens
--sheen-color-bg-raised--sheen-color-focus-ring
Accessibility
Role: link, tooltipKeyboard: Tab, Shift+Tab, Enter, EscapeDo
- Use under ThemeProvider; overlay inherits its scope.
- Provide a native accessible link name even when the tooltip is disabled.
Do not
- Do not put buttons or other interactive controls inside the link or tooltip.
Generated props
| Name | Type | Default | Description |
|---|---|---|---|
href * | string | — | Required native destination. Modified clicks and target/rel retain browser behavior. |
content * | string | — | Noninteractive supporting text. The anchor still needs visible text or an accessible name. |
tooltipDisabled | boolean | — | Disables only the help layer, without disabling or replacing the anchor. |
placement | "top" | "bottom" | "left" | "right" | — | Preferred side with collision handling, default top. |
openDelay | number | — | Hover opening delay in milliseconds, default 500. |
closeDelay | number | — | Pointer departure delay in milliseconds, default 100. |