§07-04Notifications
バナー alert
ページ上部に固定で告知を表示する。
全員に伝えるべきお知らせや注意をページ上部で確実に見せる。期限のある案内や設定の不備など、見逃すと困る情報に使う。
実装のポイント
閉じた状態は ID 付きで永続化し、同じお知らせを再表示しない。重大度で色とアイコンを分け、ページ上部に置くなら本文の操作を妨げないよう高さを抑える。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§07-04Notifications
ページ上部に固定で告知を表示する。
全員に伝えるべきお知らせや注意をページ上部で確実に見せる。期限のある案内や設定の不備など、見逃すと困る情報に使う。
閉じた状態は ID 付きで永続化し、同じお知らせを再表示しない。重大度で色とアイコンを分け、ページ上部に置くなら本文の操作を妨げないよう高さを抑える。