Tooltip
The Tooltip
component provides a popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Preview
Usage
Props
Prop | Description | Required | Value |
---|---|---|---|
className | custom styling | optional | SCSS or Tailwind |
children | component(s) to wrap within tooltip | optional | component(s) |
sideOffset | offset of the tooltip from the trigger | optional | integer (default: 4) |
Notes
The
Tooltip
component usesTooltipPrimitive
from@radix-ui/react-tooltip
for tooltip functionality.The
className
prop allows for custom styling to be applied.The
children
prop is required and should include the trigger and content for the tooltip.The
sideOffset
prop specifies the offset of the tooltip from the trigger and defaults to 4.For more details, refer to the Shadcn Tooltip documentation.
Last updated