Salad UI
- 1.3.0

Tooltip

The main tooltip component that manages state and positioning.

Read more Read less

Options

  • :id - Unique identifier for the tooltip (optional, auto-generated if not provided).
  • :open-delay - Delay in milliseconds before opening the tooltip. Defaults to 150.
  • :close-delay - Delay in milliseconds before closing the tooltip. Defaults to 100.
  • :on-open - Handler for tooltip open event.
  • :on-close - Handler for tooltip close event.
  • :class - Additional CSS classes.

Component events

  • :on-open - Fired when the tooltip opens.
  • :on-close - Fired when the tooltip closes.
Attribute Type Documentation Default Value
id :string
open-delay :integer

Delay in milliseconds before opening the tooltip
150
close-delay :integer

Delay in milliseconds before closing the tooltip
100
on-open :any

Handler for tooltip open event
on-close :any

Handler for tooltip close event
class :string
rest :global
Required inner_block * :slot 
<.tooltip_trigger>
  <.button variant="outline">Offset tooltip</.button>
</.tooltip_trigger>
<.tooltip_content side="bottom" side-offset={12}>
  <p>I have more space from my trigger (12px)!</p>
</.tooltip_content>