Skip to content

Tooltip

Usage

import { Tooltip } from "@ronin-nexus/atomic";
 
<Tooltip content="Hello World">
  <button>Hover me</button>
</Tooltip>;

Props

PropsType
contentReactNode
align?center end start
alignOffset?number
side?top right bottom left
sideOffset?number
delayDuration?number
open?boolean
defaultOpen?boolean
onOpenChange?(v
)=>void
<Tooltip
  content={
    <FlexRow className="gap-2">
      <Input placeholder="Enter your email..." />
      <Button mode="light">Submit</Button>
    </FlexRow>
  }
>
  <Button mode="light">Custom Content Component</Button>
</Tooltip>