Tooltip Trigger

Tooltips trigger is the the element that toggles the tooltip

function TooltipTriggerExample() {
  return (
    <Tooltip>
      <Tooltip.Trigger>
        <span>Tooltip trigger</span>
      </Tooltip.Trigger>
    </Tooltip>
  );
}

Props

asChild

Typeboolean

Defaultfalse

`asChild` allows the user to pass any element as the anchor

CSS Variables

Color

--ax-public-tooltip-blue-background

--ax-public-tooltip-blue-text-color

--ax-public-tooltip-default-background

--ax-public-tooltip-text-color

Spacing

--ax-public-tooltip-padding

Radius

--ax-public-tooltip-radius-size