Tooltip

A popup to display information related to an element when in focus or hover state

The <Tooltip /> component inherits the props of the Radix UI Tooltip.Content Primitive, which are not listed below.

<Tooltip>

import { Tooltip } from '@strum/react';
name
type
default
align
"center" | "end" | "start"
-
alignOffset
number
-
content*
Required
string
-
defaultOpen
boolean
-
delayDuration
number
700
disableHoverableContent
boolean
-
onOpenChange
(open: boolean) => void
-
open
boolean
-
position
"bottom" | "left" | "right" | "top"
-
positionOffset
number
-
ref
Ref<HTMLButtonElement>
-