Toast
Toasts are brief, non-disruptive notifications that appear at the bottom right of the screen. They communicate feedback on an action without interrupting the user's workflow.
Variants
Four variants are available to match the nature of the notification — success, error, warning, and info.
Auto dismiss
Toasts dismiss automatically after 4 seconds by default. Pass autoDismiss: false to keep them on screen until manually dismissed.
Greenhouse examples
Toasts work well for confirming actions like logging a watering, or surfacing time-sensitive alerts like frost warnings.
Usage
Import useToast and call showToast with a message and variant. The ToastProvider is already wired into the root layout so toasts work on every page automatically.
Explore the Toast component by adjusting its properties below. Press the button in the preview to fire a toast with your current settings.
Properties
showToast({
message: "Plant saved successfully.",
variant: "success"
})