Component
Toast
A stack of frosted cards that drop in from the top of the screen to confirm an action, fronted by a single imperative API so any part of the app can raise one, even outside of React.
The primitive
toast.tsx
nativeToast.success("Payment sent.");
nativeToast.error("Could not reach the bank.");
nativeToast.warning("Daily limit almost reached.");
nativeToast.info("Statement ready to download.");Example
Confirming a transfer raises this with a short follow-up line, the toast firing from outside any particular component.
toast-example.tsx
nativeToast.success("Transfer confirmed.", {
description: "Funds will arrive within one business day.",
});Capabilities
| Prop | Type | Description |
|---|---|---|
| titlerequired | string | Primary message shown in the toast. |
| description | string | — |
| durationMs | number | Omit → host default (~4.4s) |