## 概念 [[Snackerbar]] Toast 弹出位置不建议出现在左下方，我有过好几次使用 Teambitoin 时，因为出现在左下角，完全没注意到，还以为出现了什么 bug。 - Ant Design - 叫做 Message ## 出现位置 ### 在上下文位置! Atalassian ![2023-01-29 17.11.13.gif](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/2023-01-29%2017.11.13.gif) ^43ef05 Stripe 的优秀案例。 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/2022-11-01%2023.34.56.gif) ### 左下角 - Teambition - [[jira]] - 轻流 ### 正上方 - 石墨文档 ### 右上方 - Sketch 的 Web 端后台 20220523 - [[Jira]] 在右边的估计是 [[Notification 通知提示]] ## 风格 1 图片 ![[Pasted image 20210103232111.png]] ## 优秀交互 来自 [[Mixpanel]] ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/2022-08-05%2013.12.54.gif) ## 资源 - [Sheet, dialog, or snackbar — what should a designer go for? | by Ksenia Toloknova | Oct, 2023 | UX Collective](https://uxdesign.cc/sheet-dialog-or-snackbar-what-should-a-designer-go-for-65af3a0b4aeb) Pretty good article analyzing the differences between components and usage scenarios. ### 开发细节 - [Toast – Writing](https://emilkowal.ski/writing/toast)