Divider
v-divider コンポーネントは、リスト中のセクションの区切り線として使用することができます。
API
Name
dark
Default
false
Type
boolean
ダークテーマを適用します。
Name
inset
Default
false
Type
boolean
インデントを加えます。 (72px)
Name
light
Default
false
Type
boolean
ライトテーマを適用します。
Name
vertical
New in — v1.1
Default
false
Type
boolean
Components.Dividers.
Examples
テーマ対応
区切り線は light テーマ と dark テーマ の切り替えに対応しています。
インデント
水平方向の位置をリストアイテムと揃えるために、72px 右に寄せて表示できます。
サブヘッダと区切り線
サブヘッダと区切り線は、両方で inset プロパティを使用することで水平方向の位置を揃えることができます。
リスト中の区切り
インデントしたサブヘッダと区切り線を同時に用いることで、リスト内のコンテンツを明確に区分けすることができます。
ポートレート
横長のコンポーネント内でも区切り線は問題なく表示できます。
Vertical dividers
Vertical dividers give you even more tools for unique layouts.