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以外のパラメーターはすべてオプションです。
| 名前 | 型 | デフォルト | 説明 | 追加されたバージョン |
|---|---|---|---|---|
|
|
ブール値 |
false |
|
1.1.0 |
|
|
ブール値 |
false |
trueの場合、リスト項目の横に数字を表示しません。 |
1.1.0 |
|
|
none |
ユーザーがリスト項目を選択したときに実行されるアクションです。 |
1.1.0 |
|
|
|
文字列 |
リスト項目に表示する第1テキストです。 |
1.1.0 |
|
|
|
文字列 |
dark |
指定したテーマ（lightまたはdark）に応じて色が切り替わります。 |
1.1.0 |
|
|
文字列 |
なし |
常に |
1.1.0 |
AlexaTextListItemの例
この例では、AlexaTextListItemをSequenceに渡して項目のリストを表示します。
{
"type": "Sequence",
"id": "textList",
"numbered": true,
"height": "100vh",
"data": [
{
"primaryText": "最初のリスト項目です。"
},
{
"primaryText": "2番目のリスト項目です。"
},
{
"primaryText": "3番目のリスト項目です。"
}
],
"item": {
"type": "AlexaTextListItem",
"primaryText": "${data.primaryText}",
"hideOrdinal": false,
"hideDivider": false
}
}
