Header
Headerレスポンシブ対応コンポーネント(AlexaHeader
)は、タイトル、サブタイトル、戻るボタンなどの一般的なヘッダー情報を表示します。
alexa-layoutsパッケージを読み込む
AlexaHeader
を使用するには、alexa-layoutsパッケージを読み込みます。
alexa-layouts
パッケージの最新バージョンは1.4.0
です。AlexaHeader
はバージョン1.0.0
で導入されました。
AlexaHeaderパラメーター
type
以外のパラメーターはすべてオプションです。
名前 | 型 | デフォルト | 説明 | 追加または更新されたバージョン |
---|---|---|---|---|
|
配列 |
[] |
このコンポーネントにバインドするentityデータの配列です。 |
1.2.0 |
|
文字列 |
なし |
アトリビューションの画像ソースのURLです。 |
1.0.0 |
|
数値 |
0.8 |
attributionテキストとattribution画像のopacityです。0と1の間の数値を設定します。 |
1.3.0 |
|
ブール値 |
true |
trueの場合、画面サイズの制約のため1つの要素だけを表示するデバイスに |
1.0.0 |
|
文字列 |
なし |
ヘッダーで表示するアトリビューションのテキストです。 |
1.0.0 |
|
ブール値 |
|
trueの場合、戻るボタンをヘッダーに表示します。 |
1.0.0 |
|
文字列 |
なし |
スクリーンリーダーを使用するユーザーに、戻るボタンについて説明するアクセシビリティラベルです。 |
1.1.0 |
|
|
ユーザーが戻るボタンを選択したときに実行するコマンドです。 |
1.1.0 |
|
|
文字列 |
|
ヘッダーの背景色として使用するオプションの色の値です。 |
1.0.0 |
|
ブール値 |
|
trueの場合、ヘッダーの下に区切り線を表示してコンテンツと区別できるようにします。 |
1.1.0 |
|
文字列 |
なし |
Headerで表示する第2テキストです。 |
1.0.0 |
|
文字列 |
なし |
Headerで表示する第1テキストです。 |
1.0.0 |
|
文字列 |
|
コンテンツのレイアウト方向を指定します。このプロパティを |
1.4.0 |
|
文字列 |
|
色のテーマをダークまたはライトに設定します。テーマを選択することでコンポーネントの色を制御します。 |
1.1.0 |
|
文字列 |
なし |
常に |
1.0.0 |
headerAttributionText
パラメーターとheaderAttributionImage
パラメーターの両方が指定されている場合、ドキュメントはheaderAttributionImage
を表示します。AlexaHeaderの例
{
"type": "AlexaHeader",
"headerBackgroundColor": "red",
"headerTitle": "これはヘッダータイトルです。",
"headerSubtitle": "これはヘッダーのサブタイトルです",
"headerAttributionText": "Attribution text"
}
