FlexContainer

คำอธิบาย

Flexbox layout ยืดหยุ่น

Schema Props

{
    "flexDirection": {
        "type": "select",
        "default": "row",
        "options": [
            "row",
            "column",
            "row-reverse",
            "column-reverse"
        ],
        "label": "ทิศทาง"
    },
    "justifyContent": {
        "type": "select",
        "default": "flex-start",
        "options": [
            "flex-start",
            "center",
            "flex-end",
            "space-between",
            "space-around"
        ],
        "label": "จัดแนวหลัก"
    },
    "alignItems": {
        "type": "select",
        "default": "stretch",
        "options": [
            "stretch",
            "flex-start",
            "center",
            "flex-end"
        ],
        "label": "จัดแนวรอง"
    },
    "gap": {
        "type": "number",
        "default": 16,
        "label": "ระยะห่าง (px)"
    },
    "flexWrap": {
        "type": "select",
        "default": "nowrap",
        "options": [
            "nowrap",
            "wrap"
        ],
        "label": "ห่อบรรทัด"
    }
}