# AX - 引用

## 概要

**AX - 引用ブロック** Experience Cloud コンポーネントで、Experience Sites ページ上に引用、推薦文、または強調表示されたテキストを視覚的に区別された形式で表示します。

顧客の推薦文を紹介したり、重要なコールアウトを表示したり、ポリシー文を示したり、通常のコンテンツから目立たせる必要がある重要な情報を強調するために使用します。ポータルのデザインに合わせてカスタム書式、アイコン、帰属情報でスタイルを調整できます。

顧客の成功事例、注目の推薦文、重要なお知らせ、利用規約のハイライト、またはポータル内で視覚的強調が必要なあらゆるテキストコンテンツに最適です。 

***

## 仕様

{% tabs %}
{% tab title="🎛️ プロパティ" %}

| 名前           | 説明                          | 使い方                                               |
| ------------ | --------------------------- | ------------------------------------------------- |
| **バリアント**    | 引用ブロックの事前定義されたスタイルを選択します。   | 引用された内容の文脈や重要性を最もよく表すスタイルを選択してください。               |
| **タイトル**     | 引用ブロックのタイトルを設定します。          | 引用内容を導入または分類する簡潔なタイトルを入力してください。                   |
| **コンテンツ**    | 引用ブロックの実際のテキスト／コンテンツを定義します。 | 表示したい引用や強調情報を入力してください。                            |
| **アイコン名**    | 引用ブロックに付随するアイコンを選択します。      | 引用内容を視覚的に補強したり文脈を与えたりするアイコンを選んでください。              |
| **アイコンサイズ**  | アイコンのサイズを定義します。             | テキストや全体の引用ブロックのデザインと視覚的に調和するようにアイコンのサイズを調整してください。 |
| {% endtab %} |                             |                                                   |

{% tab title="🎨 表示" %}

| 名前            | 説明                             | 使い方                                                          |
| ------------- | ------------------------------ | ------------------------------------------------------------ |
| **タイトル**      | タイトルテキストの表示をカスタマイズします。         | タイトルが目立ち、望ましい視覚的階層とスタイルに合うようにこれらのプロパティを調整してください。             |
| **背景**        | 引用ブロックの背景色を設定します。              | テキストが読みやすく、引用ブロックが全体のデザインと調和する背景色を選んでください。                   |
| **ボーダー**      | 引用ブロックの境界線をカスタマイズします。          | ページ上での引用ブロックの存在感と視認性を高めるために境界線のプロパティを調整してください。               |
| **アイコン**      | さまざまな色オプションでアイコンの外観をカスタマイズします。 | これらのプロパティを変更して、アイコンが引用ブロックを視覚的に補完し、テキストコンテンツを圧倒しないようにしてください。 |
| {% endtab %}  |                                |                                                              |
| {% endtabs %} |                                |                                                              |