Glowup
FEEDBACK · 71 / 89
Toast
Toast — a Material You feedback component for React Native and web.
Live demo
useToast() queues toasts from anywhere in the tree — no `visible` state to thread through the screen.
Properties
3 controls
Message
Duration (ms)
With action
Usage
Toast.tsx
<Toast />
Variants
The states and shapes this component is meant to be used in.
Kinds
With an action
The action stays on the toast until it is dismissed or times out.
Queueing
One toast is on screen at a time; the rest wait their turn unless they share an id.
Toasts queue one at a time; passing the same `id` replaces the queued one instead of stacking.