Shadix

Tooltip

A hover- and focus-triggered tooltip positioned above its trigger using Floating UI.

<.tooltip></.tooltip>

Examples

Basic

Hover or focus the trigger to reveal the tooltip text.

<.tooltip id="example-tooltip">
  <:trigger>
    <.button variant="outline">Hover me</.button>
  </:trigger>
  Add to library
</.tooltip>

Props

Name Type Default Values
class :string
id :string
inner_block (slot) :slot
trigger (slot) :slot