HL7-6: add sonner component

This commit is contained in:
Markus Thielker 2025-07-30 13:29:06 +02:00
parent 22f15a3a97
commit 1ca6d97bab
4 changed files with 21 additions and 3 deletions

View file

@ -29,6 +29,7 @@
"mode-watcher": "^1.1.0",
"svelte": "^5.0.0",
"svelte-check": "^4.0.0",
"svelte-sonner": "^1.0.5",
"sveltekit-superforms": "^2.26.1",
"tailwind-merge": "^3.3.1",
"tailwind-variants": "^1.0.0",

View file

@ -0,0 +1 @@
export { default as Toaster } from "./sonner.svelte";

View file

@ -0,0 +1,13 @@
<script lang="ts">
import { Toaster as Sonner, type ToasterProps as SonnerProps } from "svelte-sonner";
import { mode } from "mode-watcher";
let { ...restProps }: SonnerProps = $props();
</script>
<Sonner
theme={mode.current}
class="toaster group"
style="--normal-bg: var(--color-popover); --normal-text: var(--color-popover-foreground); --normal-border: var(--color-border);"
{...restProps}
/>