toast.error("This didn't work.")

toast.promise(
    saveSettings(settings),
    {
       loading: 'Saving...',
       success: 'Settings saved!',
       error: 'Could not save.',
    }
);

toast(
    "This toast is super big. I don't think anyone could eat it in one bite.\n\nIt's larger than you expected. You eat it but it does not seem to get smaller.",
    {
      duration: 6000,
    }
  );

toast('Good Job!', {
    icon: '👏',
});

toast('Hello Darkness!', {
    icon: '👏',
    style: 'border-radius: 200px; background: #333; color: #fff;'
});

<script>
    import toast_ from 'svelte-french-toast';

    export let toast;

    // Use this component in your app:
    //     toast(RichContent)
</script>

<span>
    Custom and <b>bold</b>
    <button on:click={() => toast_.dismiss(toast.id)}>Dismiss</button>
</span>

toast.success('Look at me!', {
    style: 'border: 1px solid #713200; padding: 16px; color: #713200;',
    iconTheme: {
        primary: '#713200',
        secondary: '#FFFAEE'
    }
});

toast.success('Always at the bottom.', {
    position: "bottom-center"
  })