> ## Documentation Index
> Fetch the complete documentation index at: https://docs.heylua.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Images Component

> Display image galleries and multiple photos

## Overview

The **Images** component displays multiple images in gallery format.

## Format

```
::: images
![image](Image-URL-1)
![image](Image-URL-2)
![image](Image-URL-3)
:::
```

## Example

```
::: images
![image](https://example.com/product-front.jpg)
![image](https://example.com/product-side.jpg)
![image](https://example.com/product-back.jpg)
:::
```

<Frame>
  <img src="https://mintcdn.com/luaglobal/5airD3u2P6mv3Ovl/images/formatting/images-gallery.png?fit=max&auto=format&n=5airD3u2P6mv3Ovl&q=85&s=fc3fae36e9865fd42e6e6611719db781" alt="Image gallery rendered in the Lua Pop web widget" width="2538" height="1146" data-path="images/formatting/images-gallery.png" />
</Frame>

*An image gallery rendered in the Lua Pop web widget.*

## Configure

```typescript theme={null}
persona: `
  When showing product photos, use images component:
  
  ::: images
  ![image](photo-1)
  ![image](photo-2)
  :::
  
  Always show multiple angles.
`
```

## Best For

* Product photos
* Property images
* Menu item photos
* Before/after
* Gallery views

<Card title="Payment Component" icon="credit-card" href="/formatting/payment">
  Next: Payment links
</Card>