Tooltip

Demo

Props

PropTypeDescription
contentReact.ReactNodeThe content to display inside the tooltip.
childrenReact.ReactNodeThe trigger element that the tooltip is attached to.
sideOffsetnumber (optional)The offset from the side of the tooltip to the trigger.
triggerIsButtonboolean (optional)Determines if the trigger element is a button.
classNames{ trigger?: string, content?: string } (optional)Custom class names for trigger and content components.

Styles

This component allows for custom styles via the classNames prop:

  • trigger: CSS class for styling the trigger element.
  • content: CSS class for styling the content of the tooltip.