Customization

Use search to jump between sections.

Position & duration

Control where toasts appear and whether they auto-dismiss.

position-duration

svileo.success({
  title: 'Saved!',
  position: 'bottom-center',
  duration: 6000 // set to null to persist
});

Icons, styles & fill

Override visual parts per-toast using `icon` and `styles`.

styles

svileo.info({
  title: 'Update available',
  icon: /* Snippet or null */,
  styles: {
    title: 'text-white',
    description: 'text-white/70',
    badge: 'bg-white/10',
    button: 'bg-white/10'
  },
  fill: '#0f172a',
  roundness: 16
});

Autopilot animation

autopilot

svileo.success({
  title: 'Smooth by default',
  autopilot: true
  // or: autopilot: { expand: 120, collapse: 80 }
});

<Toaster /> props

toaster-props

<Toaster
  position="top-right"
  offset={24}
  theme="system"
  options={{ duration: 4500 }}
/>'