ドロワー
Drawer
別名: ナビゲーションドロワー / Navigation Drawer別名: サイドドロワー / Side Drawer
ライブデモ
説明
一言で説明
画面の左右の端からスライドして表示されるパネル。ナビゲーションメニューなどに使われる。
いつ使う？
モバイルアプリやレスポンシブデザインで、ナビゲーションメニューを隠しておきたいとき。
💡 日常の言い方
「横からスーッとスライドして出てくるメニューパネル」
似ている用語との違い
ドロワー vs サイドバー
サイドバーは常に表示されている場合が多い。ドロワーは開閉式で、通常は隠れている。
ドロワー vs ボトムシート
ボトムシートは下から出る。ドロワーは左右から出る。
AIへの指示例
ハンバーガーメニュータップで左からドロワーを表示して。メニュー項目をアイコン付きで縦に並べて。背景にスクリムをかけて、スクリムタップで閉じるようにして。