바닥시트(bottom sheet)는 스크린 바닥으로 부터의 슬라이드를 추가한 v-dialog 의 변형이며 v-bottom-navigation와 유사합니다. 바닥 네비게이션 (bottom navigation)이 버튼이나 어플리케이션 레벨 동작을 위한 컴포넌트라면, 바닥시트는 무엇이든 포함할 수 있습니다.

사용법

Here we display an example list of actions that could be present in an application.

API

예제

Persistent

Persistent bottom sheets can't be closed by clicking outside them.

v-model control

Bottom sheets can be controlled using v-model. You can use it to close them or if you can't use activator slot.

Inset

Bottom sheets can be inset, reducing their maximum width on desktop to 70%. This can be further reduced manually using the width prop.

Music Player

Using a inset bottom sheet, you can make practical components such as this simple music player.

Open In List

By combining a functional list into a bottom sheet, you can create a simple 'open in' component.

Edit this page | language on Github
Vuetify
상점For Enterprise