bridge-notification-svelte

Bridge Notifications

Demonstration

https://bridge-notification.netlify.app

Getting started

npm install --save bridge-notification-svelte

Basic usage

// App.svelte
 
<script>
  import BridgeNotify from "bridge-notification-svelte";
  <main>
    <BridgeNotify />
    ...
  </main>
</script>

// ChildrenComponent.svelte
 
<script>
  import { notify } from "bridge-notification-svelte";
 
  function show(position) {
    notify({
      message: "Bridge Notification is Awesome 😍",
      type: 'success',
      duration: 3000,
      position: 'center,
      animate: {
            y: 100,
            x: 0,
            duration: 500
      }
    });
  }
</script>
 
<button on:click={show}> Show Notification </button>

Providing custom style component

// ChildrenComponent.svelte
 
import { notify } from "bridge-notification-svelte";
 
  function show(position) {
    notify({
      message: "Bridge Notification is Awesome 😍",
      type: 'success',
      duration: 3000,
      position: 'center,
      animate: {
            y: 100,
            x: 0,
            duration: 500
      },
      style:'backgound-color:blue;color:black'
    });
  }
</script>
 
<button on:click={show}> Show Notification </button>