# 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-radius4px 追加します。 デフォルトでは、 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.

準備はできましたか?

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM