docs/src/content/guides/basic-usage.mdx

---
title: "Basic Usage"
groupTitle: "Introduction"
sort: 2
---

import { SimpleHighlight } from "../../components/examples/SimpleHighlight.tsx";

Once installed, you can import and start using the library. Given below is a simple example of how to highlight a single element.

<div id="simple-example">
  ```js
  import Driver from 'driver.js';
  import 'driver.js/dist/driver.js.css';

  const driver = new Driver();
  driver.highlight({
    element: '#some-element',
    popover: {
      title: 'Title for the Popover',
      description: 'Description for it',
    },
});
  ```
  <SimpleHighlight step={{
    element: "#simple-example",
    popover: {
      title: "Title for the Popover",
      description: "Description for it",
    },
  }} client:load />
</div>