Svelte Usetiful

Svelte Product Tour using Usetiful

Product tours and onboarding for your application!

Installation

pnpm i --save-dev @beyonk/svelte-usetiful

Usage

<!-- src/routes/__layout.svelte -->
<ProductTour token="my-usetiful-token" />

<script>
  import { Usetiful as ProductTour } from '@beyonk/svelte-usetiful'
</script>

Properties

| 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.

Developing

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