svelte-dialog

---

Dialog - Svelte component

Install

$ npm i -S @tadashi/svelte-dialog

Props

property	type	required	default	description
name	String	no	undefined	unique name (like a ID)
open	Boolean	no	false	dialog state
component	Component	yes	undefined	Svelte Component
componentProps	Object	no	{}	Svelte Component properties

Usage

You can see more examples here: https://svelte.dev/repl/69a508aaf3a342cd88a82c35241c5e31?version=3.59.0

1<script>
2  import {Dialog, acts} from '@tadashi/svelte-dialog'
3  import Exemplo from './Exemplo.svelte'
4
5  const unique = {
6    name: 'exemplo',
7    component: Exemplo,
8    componentProps: {
9      title: 'Apenas um exemplo',
10      message: 'Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis',
11    },
12  }
13</script>
14
15<button on:click="{() => acts.open('exemplo')}">Dialog Unique</button>
16<button on:click="{() => acts.open()}">Dialog</button>
17
18<Dialog {...unique} />
19<Dialog />

Donate ❤️

• BTC: bc1q7famhuj5f25n6qvlm3sssnymk2qpxrfwpyq7g4
• PIX: lagden@gmail.com

License

MIT © Thiago Lagden