Notifier

What it replaces

Show what happened without interrupting the flow.

Use it for saves, uploads, background work, and actions that need confirmation.

• Update the same notification as async work moves from loading to success or error.
• Track a promise or wait for a confirmation with one call.
• Choose the position, duration, theme, radius, and dismissal behavior.

Quick start

Start with one small integration.

1'use client'23import { Notifier, notify } from '@remcostoeten/notifier'4import '@remcostoeten/notifier/styles'56export function SaveButton() {7  return (8    <>9      <button onClick={() => notify.success('Settings saved')}>10        Save settings11      </button>12      <Notifier position="bottom-right" colorMode="auto" />13    </>14  )15}

API examples

Start with one call. Add the pieces when you need them.

1notify.promise(saveSettings(), {2  loading: 'Saving settings…',3  success: 'Settings saved',4  error: 'Could not save settings'5})

<Notifier />

Renders notification region and presentation settings.

notify.promise()

Maps a promise to loading, success, and error messages.

notify.confirm()

Awaits a user decision before destructive work continues.