Notificationは、ユーザーに情報を伝えるためのメッセージ・通知のことです。ユーザーの行った操作へのフィードバックの他、システムからのお知らせ・通知・障害なども表示できます。
背景にはOverlayが入ります。表示中は背景画面の操作ができずユーザーが能動的に消す必要があり、Alertよりも強い通知に使用します。
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/05/image-39.png)
使用例
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/05/image-41.png)
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/05/image-42.png)
カラートークン(アイコン)
Status |
Icon |
Token |
Error | error | General/Danger/main |
Information | info | General/Information/main |
Success | check_circle | General/Success/main |
Warning | warning | General/Warning/main |