Skip to content

Commit 9ad0ce6

Browse files
Adding docs for close delay in useTooltipTrigger (#4167)
Co-authored-by: Robert Snow <[email protected]>
1 parent fbafeac commit 9ad0ce6

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

packages/@react-aria/tooltip/docs/useTooltipTrigger.mdx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,14 @@ Tooltips appear after a short delay when hovering the trigger, or instantly when
137137
<TooltipButton tooltip="Save" delay={0}>💾</TooltipButton>
138138
```
139139

140+
### Close Delay
141+
142+
Tooltips disappear after a short delay when no longer hovering the trigger, or instantly when using keyboard focus. This delay can be adjusted for hover using the `closeDelay` prop.
143+
144+
```tsx example
145+
<TooltipButton tooltip="Refresh" closeDelay={0}>🔄</TooltipButton>
146+
```
147+
140148
### Trigger
141149

142150
By default, tooltips appear both on hover and on focus. The `trigger` prop can be set to `"focus"` to display the tooltip only on focus, and not on hover.

0 commit comments

Comments
 (0)