Progress Dots
Progress Dots
レスポンシブ対応コンポーネントのAlexaプログレスドット(AlexaProgressDots
)は、アクションが進行中であることを示すアニメーションドットを表示します。
alexa-layoutsパッケージを読み込む
AlexaProgressDots
を使用するには、alexa-layoutsパッケージを読み込みます。
alexa-layouts
パッケージの最新バージョンは1.4.0
です。AlexaProgressDots
はバージョン1.2.0
で導入されました。
AlexaProgressDotsパラメーター
type
以外のパラメーターはすべてオプションです。
名前 | 型 | デフォルト | 説明 | 追加または更新されたバージョン |
---|---|---|---|---|
|
文字列 |
accessibilityLabel |
スクリーンリーダーを使用するユーザーに、進行状況について説明するアクセシビリティラベルです。 |
1.2.0 |
|
文字列 |
AlexaProgressDots |
このコンポーネントの一意のIDです。同じドキュメント内の |
1.2.0 |
|
32dp |
進行状況ドットの大きさです。 |
1.2.0 |
|
|
配列 |
[] |
このコンポーネントにバインドするentityデータの配列です。 |
1.2.0 |
|
文字列 |
dark |
色のテーマをダークまたはライトに設定します。テーマを選択することでコンポーネントの色を制御します。 |
1.2.0 |
AlexaProgressDotsの例
{
"type": "AlexaProgressDots",
"dotSize": "72dp",
"componentId": "largeDotsId",
"spacing": "@spacingMedium"
}
次の例は、進行状況ドットをさまざまな大きさで表示するドキュメントの全体を示します。
このアニメーションを表示するには、JSONのサンプルをオーサリングツールにコピーして貼り付けます。
