Toaster

The viewport component that renders toasts. Add it once to your layout.

import { Toaster } from "sileo";

Prop	Type	Default	Description
position	ToastPosition	"top-right"	Default position for all toasts
offset	number \| string \| object	16	Distance from viewport edges
options	Partial<ToastOptions>	—	Default options merged into every toast

Offset

The offset prop accepts a number, string, or per-side config.

<Toaster offset={20} />

<Toaster offset={{ top: 20, right: 16 }} />

Set global defaults that apply to every toast.

<Toaster
  options={{
    fill: "#171717",
    styles: { description: "text-white/75!" },
  }}
/>

type ToastPosition =
  | "top-left"
  | "top-center"
  | "top-right"
  | "bottom-left"
  | "bottom-center"
  | "bottom-right";