# Sheets
v-sheet
コンポーネントは、 v-card, v-toolbarなどの多数のコンポーネントのベースラインです。 The available properties form the foundation of Material Design — the concept of paper and elevation (shadows).
# 使い方
v-sheet
コンポーネントは、Vuetifyにおける機能の基本的な基盤を提供する変形可能な_paper_です。 For example, properties such as rounded and shaped modify the border-radius
property while elevation increases/decreases box-shadow
.
# API
# サンプル
# Props
# Elevation
The v-sheet
component accepts a custom elevation between 0 and 24 (0 is default). elevation属性はcssのbox-shadow属性を変更します。 詳細は、MD Elevation Design Specificationにあります。
# Rounded
rounded prop はデフォルトの border-radius
に 4px 追加します。 デフォルトでは、 v-sheet
コンポーネントは border-radius を持っていません。 カスタムの丸,め値 rounded valueを指定して、半径のサイズと位置をカスタマイズします。例: tr-xl l-pill の丸,め値は rounded-tr-xl rounded-l-pill になります。 追加情報は、 Border Radius ページにあります。
# Color
シートおよびそれに基づくコンポーネントは、異なるサイズおよび色を設定できます。
The v-sheet
component accepts custom Material Design Color values such as warning
, amber darken-3
, and deep-purple accent
— as well as rgb, rgba, and hexadecimal values.