https://github.com/nejdetkadir/use-driver

This is a simple plugin for using Driver.js in your React.js application.
https://github.com/nejdetkadir/use-driver

driver driverjs use-driver use-driverjs

Last synced: over 1 year ago
JSON representation

This is a simple plugin for using Driver.js in your React.js application.

• Host: GitHub
• URL: https://github.com/nejdetkadir/use-driver
• Owner: nejdetkadir
• License: mit
• Created: 2023-08-07T17:45:14.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-10T15:41:14.000Z (almost 3 years ago)
• Last Synced: 2025-02-25T21:17:06.965Z (over 1 year ago)
• Topics: driver, driverjs, use-driver, use-driverjs
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/use-driver
• Size: 310 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![npm version](https://badge.fury.io/js/use-driver.svg)](https://badge.fury.io/js/use-driver)

# use-driver

![cover](docs/cover.gif)

This is a simple plugin for using [Driver.js](https://driverjs.com/) in your [React.js](https://react.dev/) application.

## Installation

via npm:

```bash

npm install use-driver

```

via yarn:

```bash

yarn add use-driver

```

via pnpm:

```bash

pnpm add use-driver

```

## Usage

```jsx

import { useEffect } from "react";

import useDriver from "use-driver";

import "use-driver/dist/driver.css";

export default function Home() {

  const { drive, register } = useDriver();

  useEffect(() => {

    if (!drive) return;

    drive();

  }, [drive]);

  return (

    


      


        


          
Name

          


            John Frusciante

          

        

        


          
Occuputation

          


            Guitarist

          

        

        


          
Bio

          


            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Et facilis

            debitis explicabo doloremque impedit nesciunt dolorem facere, dolor

            quasi veritatis quia fugit aperiam aspernatur neque molestiae labore

            aliquam soluta architecto?

          

        

      

    

  );

}

```