ttolbel UI

Component

Toast

A stack of frosted cards that drop in from the top of the screen to confirm an action, callable from anywhere in the app with a short, consistent API.

Standalone

toast.tsx
nativeToast.success("Changes saved.");
nativeToast.error("Couldn't connect.");
nativeToast.warning("Storage almost full.");
nativeToast.info("Update ready to install.");

Example

Confirming an async action raises this with a short follow-up line, the toast firing from outside any particular component.

toast-example.tsx
nativeToast.success("Submitted.", {
  description: "We'll notify you when it's ready.",
});

Capabilities

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