logo
The Overlayed Card uses a full-width background image with the headline and subhead overlaid directly on top. This style is perfect for creating immersive, visually rich content blocks—ideal for promotional banners, event highlights, or storytelling elements where the imagery plays a central role in capturing attention.
Image without caption

🧱 Gridding Rules

The Overlaid Card element follows a flexible grid system where it can be placed alone or alongside one other element in the same row.
Image without caption
Min
Max
20 grids
60 grids

🔘 Actions

Element
Supports Actions
Available Actions
Overlay Card
✅1 action
1. Create a New Component 2. Select an Existing Component 3. Select an Existing Menu 4. Open URL 5. Chat with User 6. Open Channel 7. Chat with Group 8. Open Product Details 9. Open Booking Details 10. Open Event Details 11. Show Collection 12. Show Category 13. Map Navigation 14. Open Audio Directory 15. Open Phone Dialer 16. Image Preview 17. Open Video Directory 18. Open Catalog
Image without caption