# Bottom sheets
ボトムシートは、v-bottom-navigation に似た、画面の下からスライドするように改良されたv-dialog です。 ボトム ナビゲーション コンポーネントがボタンや特定のアプリケーション レベルのアクションのためのものであるのに対し、ボトム シートには何でも含めることができます。
# 使い方
アプリケーションでよく使われるアクションの例を下に示します。
# API
# サンプル
# Props
# Inset
ボトムシートはInset（差し込み）でき、デスクトップでの最大幅を70%に減らすことができます。 width プロパティを使用することで手動でさらに削減できます。
# Model
ボトムシートは、v-model を使って制御できます。 ボトムシートを閉じることもできますし、それができない場合には activator スロットを使うこともできます。
# Persistent （永続的表示）
永続的な（Persistent）ボトムシートは、外側をクリックしても閉じることはできません。
# その他
# 音楽プレーヤー
Insetボトムシートを使用すると、シンプルな音楽プレーヤーなどの実用的なコンポーネントを作ることができます。
# リストで開く
機能をもつリストをボトムシートに結合することで、単純なopen inコンポーネントを作成できます。
準備はできましたか？
Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:10/07/2024, 11:31:37 AM