Svelte Usetiful

Svelte Usetiful

Svelte Product Tour using Usetiful

Product tours and onboarding for your application!

Installation

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

Usage

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>

Properties

(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