@chakra-ui/tooltip

A React Component for rendering dynamically positioned Tooltips

Usage no npm install needed!

<script type="module">
  import chakraUiTooltip from 'https://cdn.skypack.dev/@chakra-ui/tooltip';
</script>

README

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>