# Bottom sheets

ボトムシートは、v-bottom-navigation に似た、画面の下からスライドするように改良されたv-dialog です。 ボトム ナビゲーション コンポーネントがボタンや特定のアプリケーション レベルのアクションのためのものであるのに対し、ボトム シートには何でも含めることができます。

# 使い方

アプリケーションでよく使われるアクションの例を下に示します。

# API

# サンプル

# Props

# Inset

ボトムシートはInset(差し込み)でき、デスクトップでの最大幅を70%に減らすことができます。 width プロパティを使用することで手動でさらに削減できます。

# Model

ボトムシートは、v-model を使って制御できます。 ボトムシートを閉じることもできますし、それができない場合には activator スロットを使うこともできます。

# Persistent (永続的表示)

永続的な(Persistent)ボトムシートは、外側をクリックしても閉じることはできません。

# その他

# 音楽プレーヤー

Insetボトムシートを使用すると、シンプルな音楽プレーヤーなどの実用的なコンポーネントを作ることができます。

# Open In List

機能をもつリストをボトムシートに結合することで、単純なopen inコンポーネントを作成できます。

準備はできましたか?

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:06/19/2021, 4:17:28 PM