Toast quick start

Render one Toaster near the application root. Call toast from any client interaction; no provider or prop drilling is required.

Setup

import { Toaster, toast } from "velvet-ui/toast";
import "velvet-ui/styles.css";

export function App() {
  return (
    <>
      <Routes />
      <Toaster position="bottom-right" />
    </>
  );
}

toast.success("Changes saved");

The toaster is fixed to the viewport, so it should not be placed inside a transformed or clipped product container.