Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@chakra-xui/tooltip

chakra-xui14MIT1.0.2TypeScript support: included

A React Component for rendering dynamically positioned Tooltips

react, tooltip, component, popper, chakra xui, toggletip, react popper

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>

changelog

Change Log

1.0.2

Patch Changes

1.0.1

Patch Changes

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0 (2020-11-13)

Note: Version bump only for package @chakra-xui/tooltip

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.8 (2020-10-29)

Bug Fixes

  • toast: allow custom render in update (eb8bff9), closes #2362

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.7 (2020-10-25)

Note: Version bump only for package @chakra-xui/tooltip

1.0.0-rc.6 (2020-10-25)

Note: Version bump only for package @chakra-xui/tooltip

1.0.0-rc.5 (2020-09-27)

Note: Version bump only for package @chakra-xui/tooltip

1.0.0-rc.4 (2020-09-25)

Note: Version bump only for package @chakra-xui/tooltip

1.0.0-rc.3 (2020-08-30)

Note: Version bump only for package @chakra-xui/tooltip

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.2 (2020-08-09)

Note: Version bump only for package @chakra-xui/tooltip

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.1 (2020-08-06)

Bug Fixes

  • variables: drop unused imports (552b2e9)
  • stack key issue and yarn2 deps issue (d6cb6b8)
  • tooltip memory leak (bac0823)

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-rc.0 (2020-07-26)

Note: Version bump only for package @chakra-xui/tooltip

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.7 (2020-07-26)

Note: Version bump only for package @chakra-xui/tooltip

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.6 (2020-07-15)

Note: Version bump only for package @chakra-xui/tooltip

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.5 (2020-07-15)

Bug Fixes

  • tooltip: implicit object for onClose and onOpen (c20fd6f)
  • tooltip: rename show and hide to open and close (b612144)

Features

  • add popover transition (73d8c4f)
  • add transition for modal (dda931b)
  • tooltip-disable: add is-disabled prop to tooltip component (29c182b)
  • tooltip-disable: add test for is-disabled prop on tooltip (dbac9dd)

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.4 (2020-07-01)

Bug Fixes

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.3 (2020-06-28)

Bug Fixes

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.0.0-next.2 (2020-06-21)

Bug Fixes