Component · Primitives

Tooltip

an accessible hover/focus bubble that wraps a trigger. positioned with Floating UI.

Example

Hover me

Where available

✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens

Using it

the same component, named idiomatically per target. one CSS contract underneath, so they render identically.

TargetReferencePackage
React <Tooltip> @design-foundry/lucent-react
Angular <lucent-tooltip> @design-foundry/lucent
Web Components <lucent-tooltip> @design-foundry/lucent-wc
Blazor <LucentTooltip> DesignFoundry.Lucent

API

PropTypeDefaultDescription
content string — bubble text.
position top | bottom | left | right top placement.