The Gradient Card features a smooth gradient background with centered headline and subhead text. It offers a bold and modern aesthetic, making it ideal for section headers, announcements, or call-to-action areas where visual impact is key. The gradient enhances readability while adding depth and color to the layout.
🧱 Gridding Rules
The Gradient Card element follows a flexible grid system where it can be placed alone or alongside one other element in the same row.
Min | Max |
20 grids | 60 grids |
🔘 Actions
Element | Supports Actions | Available Actions |
Gradient Card | ✅1 action | 1. Create a New Component
2. Open URL
3. Chat with User
4. Open Channel
5. Chat with Group
6. Open Product Details
7. Open Booking Details
8. Open Event Details
9. Show Collection
10. Show Category
11. Map Navigation
12. Open Phone Dialer
13. Image Preview |
