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
}
}