JSON ข้อความ · Message objectflexlay-appointment-reminder.json
{
"type": "flex",
"altText": "แจ้งเตือนนัดหมาย: ขูดหินปูน วันจันทร์ 15 ธ.ค. 2569 เวลา 10:00 น. ที่คลินิกทันตกรรมยิ้มสวย",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"flex": 0,
"width": "72px",
"paddingAll": "md",
"cornerRadius": "lg",
"backgroundColor": "#EFF6FF",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ธ.ค.",
"align": "center",
"color": "#2563EB",
"weight": "bold"
},
{
"type": "text",
"size": "3xl",
"text": "15",
"align": "center",
"color": "#111827",
"weight": "bold"
},
{
"type": "text",
"size": "xs",
"text": "จันทร์",
"align": "center",
"color": "#5F6673"
}
]
},
{
"type": "box",
"layout": "vertical",
"paddingStart": "lg",
"justifyContent": "center",
"contents": [
{
"type": "text",
"size": "md",
"text": "ขูดหินปูนและตรวจฟัน",
"wrap": true,
"color": "#111827",
"weight": "bold"
},
{
"type": "text",
"size": "sm",
"text": "10:00 – 11:00 น.",
"color": "#2563EB",
"margin": "sm",
"weight": "bold"
},
{
"type": "text",
"size": "sm",
"text": "ทพญ. ปวีณา รักษ์ดี",
"color": "#4B5563",
"margin": "xs"
}
]
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "lg"
},
{
"type": "box",
"layout": "vertical",
"margin": "lg",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "สถานที่",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "คลินิกทันตกรรมยิ้มสวย สาขาสยาม",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "รหัสนัด",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "AP-30915",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
}
]
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#2563EB",
"style": "primary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=confirm&appointment=AP-30915",
"label": "ยืนยันนัดหมาย",
"displayText": "ยืนยันนัดหมาย"
}
},
{
"type": "button",
"style": "secondary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=reschedule&appointment=AP-30915",
"label": "ขอเลื่อนนัด",
"displayText": "ขอเลื่อนนัด"
}
},
{
"type": "button",
"color": "#2563EB",
"style": "link",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/map/siam",
"label": "ดูแผนที่คลินิก"
}
}
]
},
"header": {
"type": "box",
"layout": "vertical",
"background": {
"type": "linearGradient",
"angle": "135deg",
"endColor": "#7C3AED",
"startColor": "#2563EB"
},
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "sm",
"text": "แจ้งเตือนนัดหมาย",
"color": "#DBEAFE",
"weight": "bold"
},
{
"type": "text",
"size": "xl",
"text": "พรุ่งนี้คุณมีนัด",
"color": "#FFFFFF",
"margin": "xs",
"weight": "bold"
}
]
}
}
}
