kapable

Tooltip

Actions · 1 export · v0.1.0 · showcase

Supplementary non-interactive description revealed by focus or pointer hover.

Browse 72 component families

Preview

Usage

<Tooltip content="Supplementary help" trigger={(attrs) => <button aria-describedby={attrs.ariaDescribedBy}>Help</button>} />

Tooltip props
prop	type	notes
content	string
trigger	(attrs: TooltipTriggerAttrs) => RemixNode	Render the actual named trigger and apply `ariaDescribedBy` to it.
side?	'top' \| 'right' \| 'bottom' \| 'left'
delay?	number	Pointer delay in milliseconds. Keyboard focus is immediate. Default 800.
mix?	MixInput