Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProThe snackbar that follows a delete or archive and offers to take it back, with a time-left bar that pauses on hover and focus.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it after an action that can be reversed cheaply: delete, archive, move. It is faster than a confirmation and does not interrupt.
Do not use it for an action that cannot be undone (confirm first) or for general notifications (use a toast).
| Part | Prop | Type | Default | Description |
|---|---|---|---|---|
UndoBar | open | boolean | required | Whether the bar is showing. |
UndoBar | message | string | required | What happened. |
UndoBar | onAction / onClose | () => void | - / required | Undo pressed / closed without undo (or after). |
UndoBar | actionLabel | string | "Undo" | Button text. |
UndoBar | duration | number | 6000 | ms before it closes; 0 keeps it open. |
UndoBar | position | "fixed" | "static" | "static" | Pin above the bottom edge. |
The component ships with a Testing Library test (undo-bar.test.tsx). jsdom has no touch or layout, so the test drives the component through its keyboard and pointer-free paths and checks roles, names and state.