Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
{
"type": "bubble",
"size": "giga",
"header": {
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "image",
"url": "https://www.shareicon.net/data/128x128/2016/09/02/824400_airport_512x512.png",
"flex": 0
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"text": "SK",
"size": "xxl",
"color": "#FFFFFF",
"weight": "bold",
"flex": 0
},
{
"type": "text",
"text": "Airline",
"size": "xxl",
"flex": 1,
"color": "#FFFFFF"
}
],
"spacing": "sm"
},
{
"type": "text",
"text": "BOARDING PASS",
"color": "#FFFFFF",
"size": "xl"
},
{
"type": "text",
"text": "ECONOMY CLASS",
"color": "#FFFFFF",
"size": "xl",
"weight": "bold"
}
]
}
],
"spacing": "lg"
},
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "NAME OF PASSENGER",
"size": "md"
},
{
"type": "text",
"text": "SIRATEE.KITTIWITCHAOWAKUL",
"size": "xxl",
"wrap": true,
"weight": "bold"
}
],
"spacing": "sm"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "FLIGHT"
},
{
"type": "text",
"text": "SK111",
"size": "xxl",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "DATE"
},
{
"type": "text",
"text": "29FEB",
"size": "xxl",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "SEAT"
},
{
"type": "text",
"text": "28S",
"size": "xxl",
"weight": "bold"
}
],
"flex": 1
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "GATE"
},
{
"type": "text",
"text": "A1",
"size": "xxl",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "BOARDING TIME"
},
{
"type": "text",
"text": "00:10",
"size": "xxl",
"weight": "bold"
}
]
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "FROM - TO"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "BKK",
"size": "3xl",
"weight": "bold"
},
{
"type": "text",
"text": "BANGKOK",
"weight": "bold"
}
],
"paddingTop": "10px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://cdn.onlinewebfonts.com/svg/img_548146.png"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "KIX",
"size": "3xl",
"weight": "bold",
"align": "center"
},
{
"type": "text",
"text": "OSAKA",
"weight": "bold",
"align": "center"
}
],
"paddingTop": "10px"
}
]
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "ETKT 21720000000000000",
"align": "center"
},
{
"type": "text",
"text": "SK*K ABCD1234",
"align": "center"
},
{
"type": "image",
"url": "https://previews.123rf.com/images/mshch/mshch1209/mshch120900003/15165152-new-technology-barcode-called-pdf417-this-example-of-code-literally-translates-as-the-following-text.jpg",
"aspectMode": "fit",
"aspectRatio": "3:1",
"size": "full"
}
],
"paddingTop": "10px"
}
],
"spacing": "md"
},
"footer": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "GATE CLOSES 10 MINUTES BEFORE DEPARTURE",
"size": "lg",
"wrap": true,
"weight": "bold",
"align": "center",
"color": "#FFFFFF"
}
],
"backgroundColor": "#f74d63"
},
"styles": {
"header": {
"backgroundColor": "#069144"
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.