Tooltip Content

Tooltips Content is the component that pops out when the tooltip is open.

function TooltipContentExample() {
  return (
    <Tooltip open={true}>
      <Tooltip.Trigger>
        <span>Tooltip</span>
      </Tooltip.Trigger>
      <Tooltip.Content>
        <span>Tooltip Content Component</span>
      </Tooltip.Content>
    </Tooltip>
  );
}

Props

tooltipType

Type'default' | 'blue'

Default'default'

TooltipType determines the color type of the tooltip

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