twenty
twenty copied to clipboard
💬 Implement new Snackbar design
Context
For this issue: implement the new Snackbar design, with the variants:
- Default
- Success
- Error
- Warning
- Info
Other info:
- The Snackbar's background is semi-transparent and blurred.
- It appears at the bottom right of the screen and is closable.
- The background is animated like a progress bar (in the Figma : state goes from Full to Empty, see prototype: https://www.figma.com/proto/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=30584-70324&t=UQRQwMUHml0NIuJL-1&scaling=min-zoom&page-id=30584%3A68002&starting-point-node-id=30584%3A70324&mode=design)
Figma
https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=30584-70324&mode=design&t=g47Y28DERmcoDrXS-11