Svelte Product Tour using Usetiful
Product tours and onboarding for your application!
pnpm i --save-dev @beyonk/svelte-usetiful
Put the tour into your __layout.svelte
.
<!-- src/routes/__layout.svelte -->
<ProductTour token="my-usetiful-token" />
<script>
import { Usetiful as ProductTour } from '@beyonk/svelte-usetiful'
</script>
prop | type | default | description |
---|---|---|---|
token |
string | undefined |
Your usetiful token - required |
tags |
object | {} | user segmentation tags |
(See demo code for example usage.)
Updating the tags
property will update the tags usetiful sees automatically.
In order to run the local demo you must pass a valid token otherwise it won't work:
VITE_USETIFUL_TOKEN=<your-usetiful-token> pnpm run dev