ChemPal Documentation - v0.0.0
    Preparing search index...

    Function useHelpTooltip

    • Hook to manage help tooltip visibility with customizable timing. Consolidates the help tooltip logic used across multiple components.

      Parameters

      • delay: number = 500

        Delay before showing tooltip (default: 500ms)

      • duration: number = 2000

        Duration to show tooltip (default: 2000ms)

      Returns {
          showHelp: boolean;
          setShowHelp: Dispatch<SetStateAction<boolean>>;
          handleTooltipClose: () => void;
          handleTooltipOpen: () => void;
      }

      Tooltip state and handlers

      const { showHelp, handleTooltipClose, handleTooltipOpen } = useHelpTooltip(1000, 3000);

      <Tooltip
      open={showHelp}
      onClose={handleTooltipClose}
      onOpen={handleTooltipOpen}
      >
      <Button>Help Button</Button>
      </Tooltip>