1
1
[ ![ npm (scoped)] ( https://img.shields.io/npm/v/@zerodevx/svelte-toast )] ( https://www.npmjs.com/package/@zerodevx/svelte-toast )
2
2
[ ![ JavaScript Style Guide] ( https://img.shields.io/badge/code_style-standard-brightgreen.svg )] ( https://standardjs.com )
3
3
[ ![ Lines of code] ( https://img.shields.io/tokei/lines/github/zerodevx/svelte-toast?label=lines%20of%20code )] ( https://github.com/XAMPPRocky/tokei )
4
- [ ![ Size minified] ( https://img.shields.io/bundlephobia/min/@zerodevx/svelte-toast?label=minified )] ( https://bundlephobia.com/ )
5
- [ ![ Size gzipped] ( https://img.shields.io/bundlephobia/minzip/@zerodevx/svelte-toast?label=gzipped )] ( https://bundlephobia.com/ )
4
+ [ ![ Size minified] ( https://img.shields.io/bundlephobia/min/@zerodevx/svelte-toast@latest ?label=minified )] ( https://bundlephobia.com/ )
5
+ [ ![ Size gzipped] ( https://img.shields.io/bundlephobia/minzip/@zerodevx/svelte-toast@latest ?label=gzipped )] ( https://bundlephobia.com/ )
6
6
7
7
# svelte-toast
8
8
@@ -15,7 +15,7 @@ A lightweight, unopinionated and performant toast notification component for mod
15
15
[ of] ( https://github.com/zerodevx/svelte-toast/blob/master/src/index.js )
16
16
[ code] ( https://github.com/zerodevx/svelte-toast/blob/master/src/index.d.ts ) .
17
17
Compiled (into UMD), it's only ** 17kb** minified (** 7kb** gzipped) and can be used in Vanilla JS,
18
- as a Svelte component.
18
+ or as a Svelte component.
19
19
20
20
Because a demo helps better than a thousand API docs: https://zerodevx.github.io/svelte-toast/
21
21
@@ -327,9 +327,8 @@ toast.push('Hover me!', { pausable: true })
327
327
328
328
#### Send Svelte Component as a Message
329
329
330
- To allow for complex UI or workflows, a Svelte component can be pushed instead of a standard message.
331
- Obviously, this works only if you're consuming ` svelte-toast ` as part of a larger Svelte project.
332
- To do so, push options with ` component ` property defined:
330
+ To support complex UI or workflows, a Svelte component can be pushed instead of a standard message if
331
+ you're using this package in a Svelte project. To do so, push options with ` component ` property defined:
333
332
334
333
``` js
335
334
import MyCustomSvelteComponent from ' ./MyCustomSvelteComponent.svelte'
0 commit comments