Tooltip

Tooltip::make()->content('…') renders an ⓘ info popover you can place anywhere in a schema. The content is trusted HTML, so links are supported.

PHP

Stack::make()->direction('row')->gap(Gap::Small)->schema([
  Badge::make('Plan: Pro'),
  Tooltip::make()->content('Includes unlimited seats and priority support.'),
]);

Preview

Tree

• ▾stack
  • align:null
  • direction:"row"
  • float:null
  • gap:"sm"
  • height:null
  • justify:null
  • width:null

  • ▾badge
    • label:"Plan: Pro"
  • ▾tooltip
    • content:"Includes unlimited seats and priority support."
    • trigger:[]

Style

Pass ->trigger([...]) to use your own trigger — text, a badge, an icon — instead of the default ⓘ icon. Clicking it opens the popover.

Warning

Keep the trigger non-interactive: it becomes the popover’s clickable button, so a button or link inside it would nest one interactive element in another. Use plain display components.

Several components take a ->tooltip('…') shorthand that attaches this same popover to their title or header — Card, Section, Collapsible, and Heading.