Divider


Divider

Dividerは、ディスプレイ上のコンテンツを視覚的に区切るものです。ヘッダーやテキストのリストに使用し、リスト項目を区切って読みやすくするためによく使われます。

Layoutsパッケージ

このガイドでのデザイン推奨事項は、Layoutsパッケージを参照しています。Layoutsパッケージとは、スキルで使用するために読み込みが必要な追加のプロパティセットのことです。詳細については、Alexa Layoutsパッケージを参照してください。

2台のハブデバイスでDividerを使用してテキストリストの項目を区切った例

Dividerコンポーネントの使用方法

リストなどのコンテンツにアバターやアイコンといった開始位置を示す要素がない場合、スペースだけではコンテンツの区切りや構造的な階層がわかりにくいことがあります。Dividerをヘッダーに使用すると、スクロール表示がヘッダーのDividerから切り離され、コンテンツはヘッダーの下からスクロールします。テキストや画像のリスト項目に使用すると、項目の説明が区切られるため理解しやすくなります。

その他のリソース

先頭に戻る


このページは役に立ちましたか?