Divider

Divider

Alexa Dividerレスポンシブ対応コンポーネント（AlexaDivider）は、水平方向または垂直方向の区切り線を表示して、項目間を視覚的に分離します。

互換性

AlexaDividerは、alexa-viewport-profilesパッケージのすべての標準Viewportプロファイルで動作するように設計されています。次のプロファイルに対応しています。

  • すべての円形デバイスプロファイル
  • すべての横長デバイスプロファイル
  • すべての縦長デバイスプロファイル
  • すべてのモバイルプロファイル
  • すべてのテレビプロファイル

サポートされていないViewportでAlexaDividerを使用すると、予期しない結果になることがあります。Viewportプロファイルの詳細については、Viewportプロファイルを参照してください。

alexa-layoutsパッケージを読み込む

AlexaDividerを使用するには、alexa-layoutsパッケージをインポートします。

alexa-layoutsパッケージの最新バージョンは1.7.0です。AlexaDividerはバージョン1.1.0で導入されました。

AlexaDividerのパラメーター

type以外のパラメーターはすべてオプションです。

名前 型 デフォルト 説明 ウィジェットのサポート 追加されたバージョン

dividerDirection

文字列

horizontal

区切り線の向き（horizontal/vertical）を指定します。

サポートされません

1.6.0

entities

配列

—

このコンポーネントにバインドするentityデータの配列です。

サポートされません

1.2.0

theme

文字列

dark

色のテーマをダークまたはライトに設定します。テーマを選択することでコンポーネントの色を制御します。

サポートされません

1.1.0

type

文字列

—

常にAlexaDividerに設定されます。

サポートされません

1.1.0

AlexaDividerの例

{
  "type": "AlexaDivider"
}

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

最終更新日: 2025 年 10 月 09 日