Button

คำอธิบาย

ปุ่ม CTA กำหนดสีและรูปแบบได้

Schema Props

{
    "text": {
        "type": "text",
        "default": "กดเลย",
        "label": "ข้อความปุ่ม"
    },
    "link": {
        "type": "text",
        "default": "#",
        "label": "ลิงก์ (URL)"
    },
    "openNewTab": {
        "type": "boolean",
        "default": false,
        "label": "เปิดในแท็บใหม่"
    },
    "backgroundColor": {
        "type": "color",
        "default": "#dc2626",
        "label": "สีปุ่ม"
    },
    "textColor": {
        "type": "color",
        "default": "#ffffff",
        "label": "สีข้อความ"
    },
    "borderRadius": {
        "type": "number",
        "default": 9999,
        "label": "ความโค้งมน (px)"
    },
    "borderWidth": {
        "type": "number",
        "default": 0,
        "label": "ความหนาเส้นขอบ (px)"
    },
    "boxShadow": {
        "type": "select",
        "default": "none",
        "options": [
            "none",
            "sm",
            "md",
            "lg",
            "xl"
        ],
        "label": "เงา"
    }
}