File size: 767 Bytes
06ea972 e5864b3 acbae00 e5864b3 d538d71 d9a0e98 e5864b3 d538d71 d9a0e98 e5864b3 d538d71 acbae00 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
---
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> |