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

Package detail

@teste-ui/tooltip

teste-ui8MIT2.0.5TypeScript support: included

A React Component for rendering dynamically positioned Tooltips

react, tooltip, component, popper, chakra ui, toggletip, react popper

readme

Tooltip

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

Installation

yarn add @teste-ui/tooltip

# or

npm i @teste-ui/tooltip

Import components

import { Tooltip } from "@teste-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>

changelog

Change Log

2.0.5

Patch Changes

2.0.4

Patch Changes

2.0.3

Patch Changes

  • #6115 450e96a2b Thanks @itkrt2y! - Avoid rendering multiple tooltips so that they are not appeared after opening a modal

2.0.2

Patch Changes

2.0.1

Patch Changes

2.0.0

Major Changes

Patch Changes

2.0.0-next.4

Major Changes

Patch Changes

2.0.0-next.3

Patch Changes

2.0.0-next.2

Patch Changes

2.0.0-next.1

Major Changes

Patch Changes

2.0.0-next.0

Major Changes

Patch Changes

1.5.1

Patch Changes

1.5.0

Minor Changes

Patch Changes

1.4.9

Patch Changes

1.4.8

Patch Changes

1.4.7

Patch Changes

1.4.6

Patch Changes

1.4.5

Patch Changes

1.4.4

Patch Changes

1.4.3

Patch Changes

1.4.2

Patch Changes

  • #5139 c20aa919e Thanks @mlajtos! - Prevent onKeyDown callback from de/registering on every call of useTooltip

1.4.1

Patch Changes

1.4.0

Minor Changes

  • #4991 6095eaf9a Thanks @segunadebayo! - Update build system we use from a custom babel cli setup to preconstruct.

    The previous build system transpiles the code in src directory to dist/esm and dist/cjs keeping the same file structure. The new build system merges all files in src and transpiles to a single esm and cjs file.

    Potential Breaking Change: The side effect of this is that, if you imported any function, component or hook using the undocumented approach like import { useOutsideClick } from "@teste-ui/hooks/dist/use-outside-click", you'll notice that the this doesn't work anymore.

    Here's how to resolve it:

    `jsx live=false // Won't work 🎇 import { useOutsideClick } from "@teste-ui/hooks/dist/use-outside-click"

    // Works ✅ import { useOutsideClick } from "@teste-ui/hooks" `

    If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof.

Patch Changes

1.3.14

Patch Changes

1.3.13

Patch Changes

1.3.12

Patch Changes

1.3.11

Patch Changes

1.3.10

Patch Changes

1.3.9

Patch Changes

1.3.8

Patch Changes

1.3.7

Patch Changes

1.3.6

Patch Changes

  • 5e24481fc #4026 Thanks @dodas! - Add enabled option to usePopper hook.

    The popper.js instance will not be created until this option is true.

    Menu, Popover and Tooltip components now use this option, so the popper.js instance is created only once the popper is open. This should significantly improve render and scroll performance.

  • Updated dependencies [5e24481fc]:

1.3.5

Patch Changes

1.3.4

Patch Changes

1.3.3

Patch Changes

1.3.2

Patch Changes

1.3.1

Patch Changes

1.3.0

Minor Changes

Patch Changes

1.2.0

Minor Changes

Patch Changes

1.1.3

Patch Changes

1.1.2

Patch Changes

1.1.1

Patch Changes

1.1.0

Minor Changes

  • 14be4be2c #3210 Thanks @segunadebayo! - Add support for forwarding props to the underlying Portal component. Pass the portalProps prop to achive this.

    The 2 props you can pass to the portalProps are:

    • containerRef: ref for the element where to mount the portal
    • appendToParentPortal: If false, it'll opt out of portal nesting
    <Modal portalProps={{ containerRef: ref }}>
  <ModalOverlay />
  <ModalContent>
    <Box>Modal content</Box>
    <Tooltip portalProps={{ appendToParentPortal: false }}>
      Some tooltip
    </Tooltip>
  </ModalContent>
</Modal>

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

1.0.6

Patch Changes

1.0.5

Patch Changes

1.0.4

Patch Changes

1.0.3

Patch Changes

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 @teste-ui/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 @teste-ui/tooltip

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

Note: Version bump only for package @teste-ui/tooltip

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

Note: Version bump only for package @teste-ui/tooltip

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

Note: Version bump only for package @teste-ui/tooltip

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

Note: Version bump only for package @teste-ui/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 @teste-ui/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 @teste-ui/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 @teste-ui/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 @teste-ui/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