JSON ข้อความ · Message objectflexlay-invoice-notification.json
{
"type": "flex",
"altText": "ใบแจ้งหนี้ INV-2569-0123 ยอดรวม ฿16,050.00 ครบกำหนด 31 ธ.ค. 2569",
"contents": {
"type": "bubble",
"size": "mega",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ถึง: บริษัท สยามดีไซน์ จำกัด",
"wrap": true,
"color": "#111827",
"weight": "bold"
},
{
"type": "box",
"layout": "horizontal",
"margin": "lg",
"contents": [
{
"type": "text",
"size": "xxs",
"text": "รายการ",
"flex": 5,
"color": "#5F6673",
"weight": "bold"
},
{
"type": "text",
"size": "xxs",
"text": "จำนวน",
"flex": 1,
"align": "center",
"color": "#5F6673",
"weight": "bold"
},
{
"type": "text",
"size": "xxs",
"text": "จำนวนเงิน",
"flex": 3,
"align": "end",
"color": "#5F6673",
"weight": "bold"
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "sm"
},
{
"type": "box",
"layout": "vertical",
"margin": "md",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ออกแบบ Flex Message (ชุด)",
"flex": 5,
"wrap": true,
"color": "#374151"
},
{
"type": "text",
"size": "xs",
"text": "3",
"flex": 1,
"align": "center",
"color": "#5F6673"
},
{
"type": "text",
"size": "xs",
"text": "฿9,000.00",
"flex": 3,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ตั้งค่า Rich Menu",
"flex": 5,
"wrap": true,
"color": "#374151"
},
{
"type": "text",
"size": "xs",
"text": "1",
"flex": 1,
"align": "center",
"color": "#5F6673"
},
{
"type": "text",
"size": "xs",
"text": "฿3,500.00",
"flex": 3,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ดูแลระบบรายเดือน",
"flex": 5,
"wrap": true,
"color": "#374151"
},
{
"type": "text",
"size": "xs",
"text": "1",
"flex": 1,
"align": "center",
"color": "#5F6673"
},
{
"type": "text",
"size": "xs",
"text": "฿2,500.00",
"flex": 3,
"align": "end",
"color": "#111827"
}
]
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "md"
},
{
"type": "box",
"layout": "vertical",
"margin": "md",
"spacing": "xs",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ยอดก่อนภาษี",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿15,000.00",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "VAT 7%",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿1,050.00",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
}
]
},
{
"type": "box",
"layout": "baseline",
"margin": "md",
"contents": [
{
"type": "text",
"size": "md",
"text": "ยอดรวม",
"color": "#111827",
"weight": "bold"
},
{
"type": "text",
"size": "lg",
"text": "฿16,050.00",
"align": "end",
"color": "#0F172A",
"weight": "bold"
}
]
},
{
"type": "text",
"size": "xs",
"text": "ครบกำหนดชำระ 31 ธ.ค. 2569",
"align": "end",
"color": "#DC2626",
"margin": "sm"
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#0F172A",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/invoices/INV-2569-0123.pdf",
"label": "เปิดใบแจ้งหนี้ (PDF)"
}
},
{
"type": "button",
"style": "secondary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/pay/INV-2569-0123",
"label": "ชำระเงิน"
}
}
]
},
"header": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"backgroundColor": "#0F172A",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "lg",
"text": "ใบแจ้งหนี้",
"flex": 1,
"color": "#FFFFFF",
"weight": "bold"
},
{
"type": "box",
"layout": "vertical",
"flex": 0,
"paddingEnd": "8px",
"paddingTop": "2px",
"cornerRadius": "xl",
"paddingStart": "8px",
"paddingBottom": "2px",
"backgroundColor": "#DC2626",
"contents": [
{
"type": "text",
"size": "xxs",
"text": "ค้างชำระ",
"align": "center",
"color": "#FFFFFF",
"weight": "bold"
}
]
}
]
},
{
"type": "text",
"size": "xs",
"text": "INV-2569-0123 · ออกเมื่อ 1 ธ.ค. 2569",
"color": "#CBD5E1",
"margin": "xs"
}
]
}
}
}
