Text List Item



Text List Item

Text List Itemレスポンシブ対応コンポーネント(AlexaTextListItem)は、リストの形式でテキストを表示します。

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

AlexaTextListItemを使用するには、alexa-layoutsパッケージを読み込みます

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

AlexaTextListItemパラメーター

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

名前 デフォルト 説明 追加されたバージョン

hideDivider

ブール値

false

trueの場合、リスト項目の下に表示される横方向の区切り線を非表示にします。

1.1.0

hideOrdinal

ブール値

false

trueの場合、リスト項目の横に数字を表示しません。

1.1.0

primaryAction

コマンド

none

ユーザーがリスト項目を選択したときに実行されるアクションです。

1.1.0

primaryText

文字列

リスト項目に表示する第1テキストです。

1.1.0

theme

文字列

dark

指定したテーマ(lightまたはdark)に応じて色が切り替わります。

1.1.0

type

文字列

なし

常にAlexaTextListItemに設定されます。

1.1.0

AlexaTextListItemの例

この例では、AlexaTextListItemSequenceに渡して項目のリストを表示します。

{
  "type": "Sequence",
  "id": "textList",
  "numbered": true,
  "height": "100vh",
  "data": [
    {
      "primaryText": "最初のリスト項目です。"
    },
    {
      "primaryText": "2番目のリスト項目です。"
    },
    {
      "primaryText": "3番目のリスト項目です。"
    }
  ],
  "item": {
    "type": "AlexaTextListItem",
    "primaryText": "${data.primaryText}",
    "hideOrdinal": false,
    "hideDivider": false
  }
}