바닥 시트 (Bottom sheet)

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

사용법

어플리케이션에서 사용할 수 있는 동작(action)의 목록 예제입니다.


API

v-bottom-sheet

예제

삽입형 바닥시트 (Inset bottom sheets)

바닥시트는 최대넓이를 전체 화면의 70%로 줄여서 삽입될 수 있습니다. width prop 를 사용하여 수동으로 너비를 추가 조정할 수 있습니다. We also showcase dynamic class binding using the Vuetify breakpoint object.