Sheet

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

Utilização

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
Nome
color
Padrão
undefined
Tipos
string

Components.Sheets.

Nome
dark
Padrão
false
Tipos
boolean

Components.Sheets.

Nome
elevation
Padrão
undefined
Tipos
number | string

Components.Sheets.

Nome
height
Padrão
undefined
Tipos
number | string

Define a altura do componente

Nome
light
Padrão
false
Tipos
boolean

Components.Sheets.

Nome
max-height
Padrão
undefined
Tipos
number | string

Define a altura máxima do conteúdo

Nome
max-width
Padrão
undefined
Tipos
number | string

Components.Sheets.

Nome
min-height
Padrão
undefined
Tipos
number | string

Components.Sheets.

Nome
min-width
Padrão
undefined
Tipos
number | string

Components.Sheets.

Nome
tag
Padrão
div
Tipos
String

Components.Sheets.

Nome
tile
Padrão
false
Tipos
Boolean

Remove a borda arredondada

Nome
width
Padrão
undefined
Tipos
number | string

A largura do conteúdo

Exemplos

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