When the user's mouse or focus rests on an element, a non-interactive popup is displayed near it.
npm install @react-lit/tooltipWhen the user's mouse or focus rests on an element, a non-interactive popup is
displayed near it.
> NOTE: Touch events are currently not supported. There's not a lot of
> research or examples of these types of tooltips on mobile. Please adjust
> your interfaces on mobile to account for this.
``bash`
$ npm i @react-lit/tooltipor
$ yarn add @react-lit/tooltip
`js
import Tooltip, { useTooltip, TooltipPopup } from '@react-lit/tooltip';
import VisuallyHidden from '@react-lit/visually-hidden';
function Example() {
return (
);
}
`
(1) Install dependencies
`bash`
$ npm ior
$ yarn
(2) Run initial validation
`bash`
$ ./Taskfile.sh validate
(3) Run tests in watch-mode to validate functionality.
`bash``
$ ./Taskfile test -w
---
_This project was set up by @jvdx/core_