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

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