Standard Framer Controls

framercontrols.js

import { addPropertyControls, ControlType, RenderTarget } from "framer"

export const flexDirection = {
    type: ControlType.SegmentedEnum,
    title: "Direction",
    options: ["row", "column"],
    optionTitles: [
        "⇆",
        "⇅",
        // @ts-ignore
        // <span
        //     // @ts-ignore
        //     dangerouslySetInnerHtml={{ __html: "&#x6F&#x332;" }}
        //     style={{ fontSize: "30px" }}
        // />,
    ],
    defaultValue: "row",
}

export const flexJustify = {
    type: ControlType.Enum,
        title: "Justify",
        options: [
            "start",
            "center",
            "space-between",
            "space-around",
            "space-evenly",
        ],
        defaultValue: "center",
}