List Grid Element

The List Grid element allows you to display multiple items in a compact, visual grid. It’s perfect for showing categories like “Shop by Department”, “Top Picks”, or “Explore More”. Each item can have an image, label, and a link to another screen or website.

Custom Tab

Add Items to Your Grid

Title and CTA

• Show Title – Toggle on/off to display a heading above your grid (e.g., “Top Selling Products”)

  • Title Text – Enter your heading text

• Show CTA – Add a small “See All” link on the right

  • CTA Label – Customize the link text (e.g., “See All”, “Explore”)

• Action URL – Link to another screen or external site

List Items

You can add as many grid items as you want. For each item, you can:

• 🖼️ Upload an Image and select background color

• ✏️ Add a Title (e.g., “Fruit & Vegetables”)

• 🔗 Link it to a URL or screen (in settings for each item)

📌 Tip: Use square or round icons for a clean and uniform grid look.

Settings Tab

📱 Use Cases

• 🍎 Category list (e.g., Fruits, Dairy, Bakery)

• 🛍️ Shop sections (e.g., Men, Women, Kids)

• 🧭 Navigation shortcuts (e.g., About, Services, Contact)

---

✅ Summary

Tab	Customization Options
Layout	Columns, spacing, list type
Title & CTA	Text style and color
Card Design	Image ratio, text position/alignment, corner radius
Item Fields	Title font, color, and margins
Visibility	Show by platform, device, or user role