# Logos

A horizontal row of logo images. Configure a list of `{alt, imageUrl}` pairs and Logos renders them all in a uniform grid.

Use it for brand bars, "as seen in" sections, partner showcases, or any context that needs multiple logos displayed together.

## Available in

* Page modules
* Order Form modules
* Dashboard modules
* Public Page modules

Logos isn't available in Catalog, Modal, Reports, or Navigation modules.

## When to use

* A brand bar or "trusted by" row of partner logos on a public-facing portal.
* A payment-method indicator at checkout (Visa / Mastercard / AmEx).
* Showing accepted certifications, integrations, or supported platforms.

For a single logo with a link, use a Card Link with an icon. For complex branded sections, use Hero.

## Settings

| Setting   | Description                                                         |
| --------- | ------------------------------------------------------------------- |
| **Logos** | Array of logo entries. Each entry has an alt text and an image URL. |

Each logo entry has:

* **Alt** — alternative text for accessibility (read by screen readers).
* **Image URL** — the image source URL.

## How it works

Logos renders as a horizontal grid with each logo at a fixed height (64px). The images stretch to fit and maintain consistent visual height across different logo aspect ratios.

There's no maximum array size, but more than \~6 logos start to feel cluttered.

{% hint style="info" %}
Always provide meaningful **Alt** text — screen readers announce it, and it's the fallback if the image fails to load. *"Visa"* beats *"logo1"*.
{% endhint %}

## Examples

**Trust bar.** Logos with five entries — Visa, Mastercard, AmEx, PayPal, Apple Pay — placed at the bottom of a checkout page.

**Partner showcase.** Logos with the company's top integration partners on a marketing landing page.

## Related

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Card Link</strong></td><td>For clickable navigation tiles with icons.</td><td><a href="/pages/ztoA6a8I4GQ8dvMm3Y1V">/pages/ztoA6a8I4GQ8dvMm3Y1V</a></td></tr><tr><td><strong>Hero</strong></td><td>For larger branded sections.</td><td><a href="/pages/oLF0GvowbgafCiW5QGv6">/pages/oLF0GvowbgafCiW5QGv6</a></td></tr></tbody></table>


---

# 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.in8sync.com/client-admin-guide/active-workflows/getting-started/content-components/logos.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.