Sheet

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

Uso

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
Nombre
color
Default
undefined
Type
string

Aplica el color especificado al control.

Nombre
dark
Default
false
Type
boolean

Aplica la variante del tema dark

Nombre
elevation
Default
undefined
Type
number | string

Components.Sheets.

Nombre
height
Default
undefined
Type
number | string

Configura la altura del componente

Nombre
light
Default
false
Type
boolean

Aplica la variante del tema light

Nombre
max-height
Default
undefined
Type
number | string

Configura la altura máxima para el contenido

Nombre
max-width
Default
undefined
Type
number | string

Components.Sheets.

Nombre
min-height
Default
undefined
Type
number | string

Components.Sheets.

Nombre
min-width
Default
undefined
Type
number | string

Components.Sheets.

Nombre
tag
Default
div
Type
String

Components.Sheets.

Nombre
tile
Default
false
Type
Boolean

Quita el redondeo del borde

Nombre
width
Default
undefined
Type
number | string

El ancho del contenido

Ejemplos

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