@hackr/chakra-ui-tooltip v1.0.0-rc.9

Tooltip

Use this component to display extra information about an element by displaying a floating description.

Installation

yarn add @hackr/chakra-ui-tooltip

# or

npm i @hackr/chakra-ui-tooltip

Import components

import { Tooltip } from "@hackr/chakra-ui-core"

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>