use-driver
!cover
This is a simple plugin for using Driver.js in your React.js 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
{...register({
order: 1,
popover: {
title: "Name",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit.",
},
})}
className="text-gray-700 sm:col-span-2"
>
John Frusciante
- Occuputation
{...register({
order: 2,
popover: {
title: "Occuputation",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit.",
},
})}
className="text-gray-700 sm:col-span-2"
>
Guitarist
- Bio
{...register({
order: 3,
popover: {
title: "Bio",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit.",
},
})}
className="text-gray-700 sm:col-span-2"
>
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?
);
}
``