A horizontal representation of 2-10 Structured Content cards of the same business logic and structure. The carousel format can support a variety of businesses and needs to showcase service offerings, events and more.
Example
{
"type": "carousel",
"padding": 10,
"accessibility": {
"web": {
"tabindex": "0",
"role": "group",
"aria-label": "Carousel with buttons"
}
},
"elements": [
{
"type": "vertical",
"elements": [
{
"type": "image",
"url": "https://cdn.zeplin.io/5aa650d695bfea607a2c9351/assets/7289E842-10A3-40C3-B4A7-F1856B574CD0.png",
"tooltip": "SIM only plan",
"click": {
"metadata": [
{
"type": "ExternalId",
"id": "11114444"
}
]
}
},
{
"type": "text",
"text": "Small plan 2 GB data ",
"tooltip": "Small plan",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "text",
"text": "500$ national talk",
"tooltip": "500$",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "text",
"text": "49$ per month",
"tooltip": "49$",
"rtl": false,
"style": {
"bold": true,
"italic": true,
"color": "#000000"
}
},
{
"type": "button",
"title": "Choose a plan",
"accessibility": {
"web": {
"tabindex": "0",
"aria-label": "Choose a plan"
}
},
"click": {
"actions": [
{
"type": "link",
"name": "Add to cart",
"uri": "https://www.google.com/"
}
]
}
}
]
},
{
"type": "vertical",
"elements": [
{
"type": "image",
"url": "https://cdn.zeplin.io/5aa650d695bfea607a2c9351/assets/CF63C36C-CF8E-4AA5-9376-BC89EDAE43B7.png",
"tooltip": "Swap plan",
"click": {
"metadata": [
{
"type": "ExternalId",
"id": "11114444"
}
]
}
},
{
"type": "text",
"text": "Medium plan 15GB data",
"tooltip": "Medium plan",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "text",
"text": "Unlimited national talk",
"tooltip": "Unlimited",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "text",
"text": "69$ per month",
"tooltip": "Unlimited",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "button",
"title": "Buy now",
"accessibility": {
"web": {
"tabindex": "0",
"aria-label": "Buy now"
}
},
"click": {
"actions": [
{
"type": "link",
"name": "Add to cart",
"uri": "https://www.google.com/"
}
]
}
}
]
},
{
"type": "vertical",
"elements": [
{
"type": "image",
"url": "https://cdn.zeplin.io/5aa650d695bfea607a2c9351/assets/D767223B-CC51-431A-A26E-B54C39EA7846.png",
"tooltip": "Large plan",
"click": {
"metadata": [
{
"type": "ExternalId",
"id": "11114444"
}
]
}
},
{
"type": "text",
"text": "Large plan 20GB data",
"tooltip": "Large plan",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "text",
"text": "unlimited international talk",
"tooltip": "unlimited international",
"rtl": false,
"style": {
"bold": true,
"italic": false,
"color": "#000000"
}
},
{
"type": "button",
"title": "Choose a plan",
"accessibility": {
"web": {
"tabindex": "0",
"aria-label": "Choose a plan"
}
},
"click": {
"actions": [
{
"type": "link",
"name": "Add to cart",
"uri": "https://www.google.com/"
}
]
}
}
]
}
]
}