svelte-usetiful Svelte Themes

Svelte Usetiful

Single tag Usetiful integration for Svelte

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

Top categories

Loading Svelte Themes