[x] Switch action button from ElevatedButton to TextButton
[x] Change default visual from action to dismiss icon
[ ] Change the position of the action button/icon.
The current snackbar does not actually conform to material guidelines.
As evident in this image, the snackbar action should be a text button rather than a elevated button.
Currently, all of our snackbar visuals have the dismiss button as default; however, it seems if there is not an action, we should
just display the x icon instead.
Another issue is that our action button is centered vertically. The issue is not as clear when working with smaller sized snackbar popups, though when working with large popups the button is too far away to the point that it presents a UX issue.
Instead, we should follow the guidelines and have the action button / the default icon at a set distance from the bottom corner of the popup.
Summary:
ElevatedButtontoTextButtonThe current snackbar does not actually conform to material guidelines. As evident in this image, the snackbar action should be a text button rather than a elevated button.
Currently, all of our snackbar visuals have the dismiss button as default; however, it seems if there is not an action, we should just display the
xicon instead. Another issue is that our action button is centered vertically. The issue is not as clear when working with smaller sized snackbar popups, though when working with large popups the button is too far away to the point that it presents a UX issue. Instead, we should follow the guidelines and have the action button / the default icon at a set distance from the bottom corner of the popup.