@chakra-xui/tooltip
v1.0.2
Published
A React Component for rendering dynamically positioned Tooltips
Downloads
9
Maintainers
Readme
Tooltip
Use this component to display extra information about an element by displaying a floating description.
Installation
yarn add @chakra-xui/tooltip
# or
npm i @chakra-xui/tooltip
Import components
import { Tooltip } from "@chakra-xui/react"
Usage
If the children
of Tooltip is a string, we wrap with in a span
with
tabIndex
set to 0
, to ensure it meets the accessibility requirements.
<Tooltip label="Hey, I'm here!">Hover me</Tooltip>