Toast

Two exports: <Toaster /> (the provider — add once near your app root) and the toast() imperative function for triggering notifications. Built on Sonner 2.x with full brand overrides.

Usage

import { Toaster, toast } from "nosible-ux"

// Add once in your app root:
// <Toaster />

// Trigger anywhere:
export default function Example() {
  return (
    <Button intent="primary" onClick={() => toast.success("Signal exported")}>
      Export signals
    </Button>
  )
}

Examples

Toast types

With action button

Accessibility

Sonner uses role="status" for non-critical toasts and role="alert" for errors. Toasts auto-dismiss after the default duration (4s) or the configured duration.

Props