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

删除边框弧度

名称
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