Tooltip

import { TooltipProvider, Tooltip } from "@sparrowengg/twigs-react";

You should wrap your application with TooltipProvider to make sure that the tooltip is rendered correctly.

function App() {
  return (
    <TooltipProvider delayDuration={0}>
      <App />
    </TooltipProvider>
  )
}

<Tooltip content="Tooltip content">
  <Button> Hover me </Button>
</Tooltip>

Property	Description	Type	Default
delayDuration	The duration from when the mouse enters a tooltip trigger until the tooltip opens	number	700
skipDelayDuration	time a user has to enter another trigger without incurring a delay again	number	300

Property	Description	Type	Default
side	position of tooltip	`bottom` `left` `right` `top`	top
content	Content inside tooltip	string,JSX
align	The preferred alignment against the trigger	`start` `center` `end`	start