Sheet

The v-sheet is designed to power other paper components within Vuetify. It is meant to be used as a low level component.

사용법

The v-sheet component is a malleable piece of paper that can be morphed to facilitate other components. In this example we utilize custom color, theme (dark/light) and size.

API

v-sheet
이름
color
디폴트
undefined
타입
string

컨트롤에 색상을 지정

이름
dark
디폴트
false
타입
boolean

다크 테마를 적용

이름
elevation
디폴트
undefined
타입
number | string

Components.Sheets.

이름
height
디폴트
undefined
타입
number | string

컴포넌트의 높이를 설정

이름
light
디폴트
false
타입
boolean

라이트 테마를 적용

이름
max-height
디폴트
undefined
타입
number | string

컨탠츠의 최대 높이를 설정

이름
max-width
디폴트
undefined
타입
number | string

Components.Sheets.

이름
min-height
디폴트
undefined
타입
number | string

Components.Sheets.

이름
min-width
디폴트
undefined
타입
number | string

Components.Sheets.

이름
tag
디폴트
div
타입
String

Components.Sheets.

이름
tile
디폴트
false
타입
Boolean

Removes border radius

이름
width
디폴트
undefined
타입
number | string

컨텐츠의 폭을 설정

예제

Using elevation

Sheets can accept a custom elevation between 0 and 24 (0 is default).

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore