Dojo NG is being built in the open, one section at a time — follow along on Heptapod.

API REFERENCE · OVERLAYS

<dj-tooltip>

Shows tip content next to its trigger on hover/focus. The trigger goes in the default slot, the tip in the content slot. Set open to force it shown.

Try it in the playground

@dojo-ng/tooltip · v0.1.1

npm install @dojo-ng/tooltip

import "@dojo-ng/tooltip";

Properties

PropertyAttributeTypeDefault
openForce the tooltip open regardless of hover/focus. open boolean false
orientation orientation reflected "top""right""bottom""left" "top"

Slots

Default slotcontent

CSS parts

Style these with dj-tooltip::part(name).

content

CSS custom properties

PropertyDefaultDescription
--dj-tooltip-z-index950Stacking order of the tooltip.