Toast

Transient messages with tone and screen position.

Installation

Add this item from the registry, or import it from the package after installing Default File UI.

Registry path

itsvigneshv/default-file-ui/toast

Package import

import { toast, Toaster, setToastPosition } from "@default-file/ui/components/df-toast"

Trigger toasts for each tone. The app root already mounts Toaster.

Place toasts in any corner, along an edge centre, or dead centre. Use the direction pad to try each spot.

Active: Bottom right

Transient messages. Call toast helpers from code and mount Toaster once in the app shell.

Imperative helpers.

Prop	Type	Default	Notes
toast.success	(message: string) => string	—	Show a success toast; returns an id.
toast.error	(message: string) => string	—	Show an error toast.
toast.info	(message: string) => string	—	Show an info toast.
toast.warning	(message: string) => string	—	Show a warning toast.
toast.dismiss	(id?: string) => void	—	Dismiss one toast by id, or all when omitted.

Prop	Type	Default	Notes
position	"top-left" \| "top-center" \| "top-right" \| "bottom-left" \| "bottom-center" \| "bottom-right" \| "top" \| "bottom" \| …	"bottom-right"	Screen corner or edge for the stack.
className	string	—	Additional styles on the toaster root.

Prop	Type	Default	Notes
setToastPosition	(position: ToastPosition) => void	—	Globally update where new toasts appear.