ボトムシート
Bottom Sheet
ライブデモ
説明
一言で説明
画面下部からスライドして表示されるパネル。モバイルアプリで頻繁に使われる。
いつ使う？
モバイルで追加情報やアクション一覧を表示したいとき。Google Mapsの場所詳細やシェアメニューなど。
💡 日常の言い方
「下からシュッと出てくるメニューみたいなやつ」
似ている用語との違い
ボトムシート vs アクションシート
アクションシートは選択肢が並ぶだけのシンプルなもの。ボトムシートはより複雑なコンテンツを含められる。
ボトムシート vs ドロワー
ドロワーは通常、画面の左右からスライドして出る。ボトムシートは下からスライドする。
AIへの指示例
設定画面をボトムシートで表示して。上部にハンドルバーをつけて、ドラッグで閉じられるようにして。高さは画面の半分くらいにして。