{"library":"intro.js-react","type":"library","category":null,"description":"intro.js-react is a lightweight and actively maintained React wrapper for the Intro.js library, designed to simplify the creation of step-by-step product tours and hints within React applications. Currently at version 1.0.0, this package provides two primary components: `Steps` for guided tours and `Hints` for contextual popovers. It abstracts away direct Intro.js imperative API calls, allowing developers to manage tours declaratively using React props for configuration, steps, and lifecycle callbacks. Key differentiators include its adherence to React's component model, handling Intro.js instance management, and providing a more idiomatic React experience compared to integrating Intro.js directly. While it requires `intro.js` and `react` as peer dependencies, it handles the synchronization between React state and the underlying Intro.js instance, offering callbacks for various tour events like `onStart`, `onChange`, and `onComplete`. The package also supports Intro.js options directly through a dedicated `options` prop.","language":"javascript","status":"active","version":"1.0.0","tags":["javascript","intro.js","react","wrapper","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install intro.js-react","imports":["import { Steps } from 'intro.js-react';","import { Hints } from 'intro.js-react';","import 'intro.js/introjs.css';"]},{"cmd":"yarn add intro.js-react","imports":[]},{"cmd":"pnpm add intro.js-react","imports":[]}],"homepage":null,"github":"https://github.com/HiDeoo/intro.js-react","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/intro.js-react","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/intro.js-react/compatibility"}}