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, { props: { someProp: '⭐' }})
</script>

<script>
	export let someProp;
</script>
<span>
	Custom and <b>bold</b> with props like {someProp}!
	<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"
})