Alexaアイコンパッケージ

Alexaアイコンパッケージ

Alexaアイコンパッケージ（alexa-icon）は、Alexa Vector Graphics（AVG）形式で定義されたアイコンのセットを提供します。これらのアイコンは、Alexa Presentation Language（APL）ドキュメントで、AlexaButtonおよびAlexaIconレスポンシブ対応コンポーネントに設定することができます。

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

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

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

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

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

AlexaButtonコンポーネントでアイコンを使用する

AlexaButtonレスポンシブ対応コンポーネントでは、アイコンパッケージからアイコンを表示することができます。そのためには、AlexaButtonのbuttonIconNameパラメーターにライブラリ内のアイコンの名前を設定します。

次の例では、アイコンを含んだ複数のボタンを表示します。タイトルの付いたボタンと付いていないボタンがあります。

パッケージからアイコンを表示する

APLドキュメントでアイコンを表示するには

  1. ドキュメントのimport配列にalexa-iconパッケージを追加します。
  2. mainTemplateまたはレイアウトにAlexaIconコンポーネントを追加します。
  3. AlexaIconコンポーネントのiconNameプロパティに、表示するアイコンの名前を設定します。

次の例では、ライブラリから4つの異なるアイコンを表示します。

AlexaIconレスポンシブ対応コンポーネントのプロパティの詳細については、AlexaIconを参照してください。ライブラリで利用できるすべてのアイコンのリファレンスについては、Alexaアイコンライブラリリファレンスを参照してください。

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

最終更新日: 2025 年 09 月 30 日