Rebar UI

1.0

opinion

Tooltip

A short hint that shows on hover or keyboard focus.

Save buttonHover or Tab to the button
On an icon button
Long content
Disabled button
No delay

In context

Project cardHover an avatar to see who it is
Review
Tideline mobileProduct, due 7 Nov

Offline tasks and a quiet inbox for the crew.

JWMCPN

Props

PropTypeRequiredDefault
contentReactNodeYes—
delayDurationnumber | undefinedNo200

Accessibility

Shows on hover and on keyboard focus. children must be a single focusable element; wrap a disabled button in a focusable span.

data-rebar-* attributes

data-rebar-component="tooltip" on the popover content.

Migrating to Ant Design

AntD's Tooltip takes the same shape (title instead of content): a low-risk rename.