carlos-dubon / svelte-cool-toast Goto Github PK

<script>
  import { ToastProvider, toast } from 'svelte-cool-toast';
  import "svelte-cool-toast/css/theme.css";
  import axios from "axios";
</script>

<ToastProvider placement="bottom-center">
  <button
    on:click={() => {
      toast('Saving data.', {
        usePromise: {
          promise: axios.post('/user', {
            firstName: 'Fred',
            lastName: 'Flintstone'
          }),
          success: 'Success!' <-- would be an object
          error: 'Something went wrong.', <-- would be an object
        }
      });
    }}
  >
    Make me a toast
  </button>
</ToastProvider>