ttolbel UI

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

PropTypeDescription
titlerequiredstringPrimary message shown in the toast.
descriptionstring
durationMsnumberOmit → host default (~4.4s)