Tooltip

Tooltip — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

• Use it when Reveal a short, supplementary hint on hover/focus.
• Reach for something else when Essential information or actions — they must be reachable without hovering.

Accessibility

Appears on hover and keyboard focus; content is linked via aria-describedby. Never put essential-only actions inside a tooltip.

Import

const { Tooltip } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
content	React.ReactNode	Yes
children	React.ReactElement	Yes	A single focusable child element.