v4.0.2

Fixes

• className prop with useSingleton

v4.0.1

Fixes

• useSingleton updates

v4.0.0

Tippy 6 + Popper 2 + Headless rendering support 🎉

NOTE: I have removed the . from the scoped organization due to issues with some shells, please remove @tippy.js/react and install the latest version:

npm i @tippyjs/react

yarn add @tippyjs/react

Breaking

• 🔴 Deleted <TippySingleton />
• 🔴useSingleton API changed (see docs)
• 🔴enabled is now disabled (inverted logic)
• 🔴 tippy.js@6 upgrade (see migration guide)
• 🔴 props.hideOnClick is always false if visible is specified

v4.0.0-alpha.4

Breaking

🔴props.hideOnClick is always false if visible is specified

Fixes

• (useSingleton): overrides dependency
• (useSingleton): memo the return value

v4.0.0-alpha.1

Fixes

• headless import imports from tippy.js/headless
• useSingleton API changed to support headless rendering

v4.0.0-alpha.0

Tippy 6 + Popper 2 + Headless rendering support 🎉

NOTE: I have removed the . from the scoped organization due to issues with some shells, please remove @tippy.js/react and install the latest version:

npm i @tippyjs/react

yarn add @tippyjs/react

Breaking

• 🔴 Deleted <TippySingleton />
• 🔴useSingleton API changed (see docs)
• 🔴enabled is now disabled (inverted logic)
• 🔴 tippy.js@6 upgrade (see migration guide)

v3.1.1

Fixes

• Filter __source and __self dev props (#145)
• types: strict types for plugins

v3.1.0

Features

• Introduce a useSingleton hook (#133)

Fixes

• types: Fix Props interface support (#137)
• singleton: Add support for plugins & enabled prop (#135, #138)

v3.0.1

Fixes

• core: Add className support to <TippySingleton /> (#129)
• core: className should sync with children change (#130)
• types: Use Partial<Props> instead (#127)

v3.0.0

Breaking changes

• Upgraded from tippy.js@4 to tippy.js@5. Read the migration guide for information. View the release notes as well!

• CSS is not injected automatically anymore, instead, import the CSS:

import Tippy from '@tippy.js/react';
import 'tippy.js/dist/tippy.css';

• <TippyGroup /> was replaced with <TippySingleton />. You should pass all the non-content props to <TippySingleton />, with each <Tippy /> child having content props.

• Deprecated isVisible/isEnabled props removed – use visible and enabled

Features

• plugins prop to use new plugins from core:

import Tippy from '@tippy.js/react';
import {followCursor} from 'tippy.js';

import 'tippy.js/dist/tippy.css';

function App() {
  return (
    <Tippy content="Tooltip" followCursor={true} plugins={[followCursor]}>
      <button />
    </Tippy>
  );
}