svelte-dialogue-tree
A Svelte library to create and interact with a branching dialogue.
Docs 📚 | Demos 💬
Features
🎄 Flexible tree schema🌵 Conditional branching🎨 Styleable Dialogue component🔶 Components as dialogue elements💙 Typesafety option with generics🧙 Characters🎭 ** Narration **
Installation
npm install svelte-dialogue-tree
pnpm add svelte-dialogue-tree
yarn add svelte-dialogue-tree
bun install svelte-dialogue-tree
Usage
If you want to use the default styles, import style.css in your layout file.
import 'svelte-dialogue-tree/style.css';
import { Dialogue } from 'svelte-dialogue-tree';
Pass a tree prop to Dialogue component. Check the schema for tree here
<Dialogue {tree} />
License
MIT