Alert Square
Free Rive template · Category: Navigation
Square-icon alert cards in four versions: Success, New Update, Warning and Error. Each card wipes in from bottom to top while its icon slides smoothly up into place. Tap the X or fire Dismiss to close one card, fire Show to bring it back. Tapping the card fires the tapped event, closing it fires dismissed. The Showcase artboard shows all four and exposes each card in the Alerts view model (Success, New Update, Warning, Error), so every card can be edited and triggered on its own, with one master Corner Radius for all four. Each version also has its own artboard, and the Alert view model has a named preset for each version. The Alert artboard is the component. Everything is data-bound in the Alert view model: title, message, title, message, card, icon box, icon and close colors, corner radius, Kind for the icon, Show Icon, Show Close and Auto Repeat. Responsive with Fit.Layout: the card fills its width and grows when the message wraps. No scripts.
- alert
- notification
- banner
- success
- error
- warning
- info
- message
- data binding
- view model
- state machine
- events
- responsive
- no scripts
Interactive .riv file: hover, tap and drag interactions work in web, iOS and Android Rive runtimes. Customize colors, text and images before download.
Test in Riv Eye · Pricing