Blockquote

The blockquote element is used to indicate the quotation of a large section of text from another source.

The Blockquote is also available as an Experience Cloud Component.

What the Avonni Blockquote does

The Avonni Blockquote component provides a visually distinct way to feature quotes or excerpts within your Salesforce Flow screens. It helps you emphasize important information, call attention to external sources, or add visual interest to your content.

---

Configuring the Blockquote

The Avonni Blockquote Component enhances your screen flows by enabling the addition of visually distinct blockquotes. Here’s how you can easily configure it:

Available Settings

• Title: Sets the title of the blockquote.

• Content: Determines the main text of the blockquote.

• Variant: Change the visual style of the blockquote.

Blockquote Variants: Descriptions and Usage Guidelines

Variant	Description	When to Use

• Icon Name: Add an icon to the blockquote for additional emphasis or symbolism

• Size: Adjust the size of the blockquote (e.g., small, medium, large).

Using Mapped Values

Mapped Values allow dynamic configuration based on variables available in your flow. This feature is handy for creating responsive content that changes according to the flow's context.

How to Apply Mapped Values

1. Choose the Setting: Select the setting you want to configure (e.g., Title, Content).

2. Select Mapped Value: In the property editor, choose 'Mapped Value' instead of entering text manually.

3. Pick a Variable: Choose a flow variable that holds the data you want to display in the blockquote.

Using Mapped Values, your blockquotes can dynamically reflect the content based on the flow’s current state, making your screen flows more interactive and contextually relevant.

---

Specifications

🎛️ Attributes

Name	Type	Description

🎨 Styling

Name	Description

For each variant (Default, Brand, Warning, Error, Success)

Name	Description