動きについて

• シミュレーション https://fkhadra.github.io/react-toastify/introduction/ external_link

<ToastContainer
position="top-right"
autoClose={3000}
hideProgressBar={false}
newestOnTop
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme="light"
/>

• themeは本体カラーモード、あるいはテーマのカラーモードに準ずる(light/dark)
• 出方はslideにしたい
  • 上品なイメージでわざとらしさはなくしたい
• 新しいものを上にしたい

デザイン

• https://xd.adobe.com/view/26f3cef5-06c1-4ed2-9871-b86d5d00adce-73a0/screen/5cdad867-45c1-4fec-a4b1-841f35afaa44/ external_link