Alexa Icon

Alexa Icon

Alexa Vector Graphic（AVG）形式のアイコンを表示します。Amazonから提供されるアイコンライブラリのアイコンを使用することも、独自のアイコンを使用することもできます。

alexa-iconパッケージをインポートする

パッケージを使用するには、ドキュメントのimport配列にalexa-iconパッケージを追加します。alexa-iconパッケージの最新バージョンは1.0.0です。

ドキュメントのimportセクションの例を以下に示します。

クリップボードにコピーされました。

{
  "import": [
    {
      "name": "alexa-icon",
      "version": "1.0.0"
    }
  ]
}

alexa-iconパッケージには、AlexaIconレスポンシブ対応コンポーネントとアイコンライブラリの両方が含まれています。

alexa-iconパッケージの詳細については、APLアイコンパッケージを参照してください。

AlexaIconのパラメーター

名前 型 デフォルト 説明 ウィジェットのサポート 追加されたバージョン

iconColor

色

black

アイコンの色です。

サポートされません

1.0.0

iconName

文字列

—

Alexaアイコンライブラリにあるアイコンの名前を指定します。

サポートされません

1.0.0

iconSize

ディメンション

24

アイコンのサイズです。

サポートされません

1.0.0

iconSource

文字列

—

AVGアイコンが別の場所にある場合に、アイコンJSONのURLを指定します。

サポートされません

1.0.0

iconStyle

—

アイコンに適用するカスタムスタイルです。これを使用して、コンポーネントのさまざまな状態に応じてアイコンの不透明度、塗りつぶしの色、ストロークの色を変更できます。スタイルはAPLドキュメントのstylesプロパティで定義します。スタイルを定義する方法の詳細については、APLスタイルの定義と評価を参照してください。

サポートされません

1.0.0

lang

文字列

${environment.lang ? environment.lang : 'en-US' }

AlexaIconのlangプロパティです。BCP-47文字列（ja-JPなど）を設定します。デフォルトでは、環境の言語が使用されます。

サポートされません

1.0.0

layoutDirection

文字列

${environment.layoutDirection}

AlexaIconのlayoutDirectionです。LTRまたはRTLを指定できます。デフォルトでは、環境のlayoutDirectionが使用されます。

サポートされません

1.0.0

type

文字列

—

常にAlexaIconに設定します。

サポートされません

1.0.0

AlexaIconの例

このページは役に立ちましたか？

最終更新日: 2025 年 11 月 04 日