warcraftcn warcraftcn/ui

Toast

A scroll-unroll toast notification with faction-based styling and semantic variants. Add <Toaster /> to your root layout once.

Factions

Variants

Faction + Variant

Custom Duration

Usage

<!-- In your root +layout.svelte -->
<script>
  import { Toaster } from 'warcraftcn-ui-svelte';
</script>

<slot />
<Toaster />

<!-- Trigger from anywhere -->
<script>
  import { triggerScrollToast } from 'warcraftcn-ui-svelte';
</script>

<button onclick={() => triggerScrollToast({
  message: 'Quest accepted!',
  faction: 'orc',
  variant: 'success'
})}>
  Show Toast
</button>

triggerScrollToast options

OptionTypeDefault
messagestring""
faction"default" | "orc" | "elf" | "human" | "undead""default"
variant"default" | "success" | "error" | "warning" | "info""default"
durationMsnumber5000