Tooltip

Tooltip

Displays a Tooltip or a component that looks like a Tooltip.


Installation

npx react-nex add Tooltip

Example

Tooltip Position Right

The tooltip is positioned at the right


Tooltip Position Left

The tooltip is positioned at the left


Tooltip Position Top

The tooltip is positioned at the top


Tooltip Position Bottom

The tooltip is positioned at the bottom


Props

position

  • Type: string
  • Description: Determines the position of the tooltip relative to the trigger element. Accepted values are top, bottom, left, and right. Default is top.

className

  • Type: string
  • Description: Additional Tailwind CSS classes to apply to the tooltip container.

onClick

  • Type: function
  • Description: Callback function to be executed when the component is clicked.