Tooltip

A Tooltip component is a small, informative pop-up that appears when a user hovers over or focuses on an element, such as a button or icon. It provides additional context or explanations about that element without cluttering the interface. Tooltips enhance user experience by offering helpful hints, instructions, or details, ensuring that information is accessible without overwhelming the layout.

import { NButton, NTooltip } from '@nayan-ui/react';

const Tooltip = () => {
  return (
    <div>
      <NTooltip message="This is a tooltip!">
        <NButton>Hover me</NButton>
      </NTooltip>
    </div>
  );
};

export default Tooltip;