Tooltip
Use this component to display extra information about an element by displaying a floating description.
Installation
yarn add @chakra-ui/tooltip
# or
npm i @chakra-ui/tooltip
Import components
import { Tooltip } from "@chakra-ui/react"
Usage
If the children
of Tooltip is a string, it will be wrapped with a focusable
span
element to ensure the Tooltip meets accessibility requirements.
<Tooltip label="Hey, I'm here!">Hover me</Tooltip>