PricingCard

คำอธิบาย

การ์ดแสดงราคา/แพ็กเกจ

Schema Props

{
    "planName": {
        "type": "text",
        "default": "Pro Plan",
        "label": "ชื่อแพ็กเกจ"
    },
    "price": {
        "type": "text",
        "default": "990",
        "label": "ราคา"
    },
    "currency": {
        "type": "text",
        "default": "฿",
        "label": "สกุลเงิน"
    },
    "period": {
        "type": "text",
        "default": "\/เดือน",
        "label": "ระยะเวลา"
    },
    "features": {
        "type": "text",
        "default": "Feature 1, Feature 2, Feature 3",
        "label": "ฟีเจอร์ (คั่นด้วย comma)"
    },
    "buttonText": {
        "type": "text",
        "default": "เลือกแพ็กเกจนี้",
        "label": "ข้อความปุ่ม"
    },
    "buttonLink": {
        "type": "text",
        "default": "#",
        "label": "ลิงก์ปุ่ม (URL)"
    },
    "buttonOpenNewTab": {
        "type": "boolean",
        "default": false,
        "label": "เปิดในแท็บใหม่"
    },
    "highlighted": {
        "type": "boolean",
        "default": false,
        "label": "แนะนำ (ไฮไลท์)"
    },
    "bgColor": {
        "type": "color",
        "default": "#ffffff",
        "label": "สีพื้นหลัง"
    },
    "accentColor": {
        "type": "color",
        "default": "#dc2626",
        "label": "สีเน้น"
    }
}