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

Применяет значение эффекта подъёма от 0 до 24

Имя
height
По умолчанию
undefined
Тип
number | string

Установка высоты компонента

Имя
light
По умолчанию
false
Тип
boolean

Применяет светлый вариант темы

Имя
max-height
По умолчанию
undefined
Тип
number | string

Устанавливает максимальную высоту для содержимого

Имя
max-width
По умолчанию
undefined
Тип
number | string

Устанавливает максимальную ширину для содержимого

Имя
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