Toast Notifications
Free Rive template · Category: Navigation
Slide-up toast notifications in three versions: Success (green check), Error (red X) and Warning (yellow triangle), plus an Info kind. Each toast slides up with a little inertia bounce, a timer bar runs down, then it drops away on its own; tap the X or fire Dismiss to close it early. The icon sends out soft looping waves in its kind color. The main Showcase artboard shows all three looping, and each version has its own artboard. The Toast artboard is the component: set Kind (0 Success, 1 Error, 2 Warning, 3 Info), fire Show, and listen for the dismissed event. Everything is data-bound in the Toast view model: titles, message, the four kind colors, card, border, text, muted, icon mark, warning mark and close colors, corner radius, waves on/off, timer on/off, and Auto Repeat. Set Demo to 1 to tap through the kinds in a preview. Responsive with Fit.Layout. No scripts.
- toast
- notification
- alert
- snackbar
- success
- error
- warning
- message
- popup
- data binding
- view model
- state machine
- events
- responsive
- no scripts
Interactive .riv file: hover, tap and drag interactions work in web, iOS, Android and Flutter Rive runtimes. Customize colors, text and images before download.
Test in Riv Eye · Pricing