Toast

beta

Brief, non-blocking notifications with actions and promise states.

since v3.63.2 kB gzip

Preview

Code

CLI

Manual

npm

pnpm

bun

yarn

$ npx @strata/cli add toast

React

Import only

import { toast } from "@/components/strata";

toast.success("Theme published", {
  description: "aurora is now the default for 3 apps.",
});

Prop	Type	Default
`title` Main message.	string	—
`description` Secondary line.	string	—
`duration` Auto-dismiss delay in ms.	number	4000
`action` Optional inline action.	{ label: string; onClick: () => void }	—

Progress bar

Determinate or indeterminate progress for uploads and long tasks.

Was this page helpful?

Documented since v3.6 · components/toast.mdx