# Icon With Text

Delivers clear, bite-sized messages with icons to help customers grasp key info at glance.

<figure><img src="/files/kY8oMtvSNRo30MA8i61g" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Icon selector: Choose icons from the library or upload your icons to visually represent your message.
* Layout & alignment controls: Place icon left or top of text. Choose alignment position of text within the drawer.
* Rich-text formatting: Add the description for the icon or add links to policies or FAQ.

## Benefits

* Builds Confidence: Trust signals combined with brief explanations reduce lower cart abandonment.
* Improves Scannability: Small icon with text break up blocks of product listings and keep your messaging digestible.

## How To Use?

1. Click **Add Block**
2. Choose **Icon With Text**

<figure><img src="/files/20PcUensEFhxOaROTtAf" alt=""><figcaption></figcaption></figure>

3. Customize the **Icon with Text** block

<figure><img src="/files/XoVgg1XXBCJWOcTCw6bU" alt=""><figcaption></figcaption></figure>

* **Layout Style**: Change the layout position to horizontal or vertical layout.
* **Icon Position**: Change the icon position to top or left for the content
* **Content Alignment**: Controls how the heading and description are justified inside their container.
* **Heading**: Enter your messages in the headline.
* **Heading Size**: Pre-set font scales to make your heading larger or smaller.
* **Content:** The description for the content is under the heading.
* **Icon**: Pick from your theme icon library.
* **Upload Icon**: Upload a custom icon.
* **Icon Size**: Adjust the icon size.
* **Icon Background:** Choose a background color behind your icon or leave a transparent


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smind.io/guides/cart-drawer/icon-with-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.