Image Schema
{ "$schema": "https://json-schema.org/draft/2020-12/schema", "$id": "bricks://elements/image", "schemaVersion": "2.2.1", "type": "object", "title": "Image", "description": "Schema for Bricks Image element", "metadata": { "name": "image", "category": "basic", "tag": "figure", "nestable": false }, "settings": { "image": { "valueSchema": { "type": "object", "description": "Image settings", "properties": { "id": { "type": [ "string", "integer" ] }, "filename": { "type": "string" }, "url": { "type": "string" }, "size": { "type": "string" }, "full": { "type": "string" }, "useDynamicData": { "type": "string" } } }, "controlType": "image" }, "tag": { "label": "HTML tag", "options": { "figure": "figure", "picture": "picture", "div": "div", "custom": "Custom" }, "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "customTag": { "label": "Custom tag", "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "sources": { "label": "Sources", "hasRequired": true, "valueSchema": { "type": "array", "items": { "type": "object" } }, "controlType": "repeater" }, "altText": { "label": "Custom alt text", "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "caption": { "label": "Caption type", "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "captionCustom": { "label": "Custom caption", "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "loading": { "label": "Loading", "options": { "eager": "eager", "lazy": "lazy" }, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "showTitle": { "label": "Show title", "hasRequired": true, "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "stretch": { "label": "Stretch", "css": [ { "property": "width", "value": "100%" } ], "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "link": { "options": { "lightbox": "Lightbox", "attachment": "Attachment Page", "media": "Media File", "url": "Other (URL)" }, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "lightboxImageSize": { "label": "Image size", "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "lightboxWidth": { "label": "Width", "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "lightboxHeight": { "label": "Height", "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "lightboxAnimationType": { "label": "Animation", "options": { "none": "None", "fade": "Fade", "zoom": "Zoom" }, "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "lightboxCaption": { "label": "Caption", "hasRequired": true, "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "lightboxId": { "label": "ID", "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "lightboxCropped": { "label": "Cropped", "hasRequired": true, "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "lightboxPadding": { "label": "Padding", "hasRequired": true, "valueSchema": { "type": [ "string", "object", "array", "boolean", "number" ] }, "controlType": "dimensions" }, "newTab": { "label": "Open in new tab", "hasRequired": true, "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "url": { "hasRequired": true, "valueSchema": { "type": "object", "description": "Link settings", "properties": { "type": { "type": "string" }, "url": { "type": "string" }, "postId": { "type": [ "string", "integer" ] }, "newTab": { "type": "boolean" }, "rel": { "type": "string" }, "title": { "type": "string" }, "ariaLabel": { "type": "string" }, "lightboxId": { "type": "string" }, "lightboxType": { "type": "string" } } }, "controlType": "link" }, "lightboxAriaLabel": { "label": "aria-label", "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "lightboxTitle": { "label": "title", "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "popupIconDisable": { "label": "Disable icon", "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "popupIcon": { "label": "Icon", "valueSchema": { "type": "object", "description": "Icon settings", "properties": { "library": { "type": "string" }, "icon": { "type": "string" }, "svg": { "type": "object" } } }, "controlType": "icon" }, "popupIconBackgroundColor": { "label": "Icon background color", "css": [ { "property": "background-color", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "controlType": "color" }, "popupIconBorder": { "label": "Icon border", "css": [ { "property": "border", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "type": "object", "description": "Border settings", "properties": { "width": { "type": "object", "description": "Spacing value with directional properties", "properties": { "top": { "type": "string", "description": "Top spacing value with unit" }, "right": { "type": "string", "description": "Right spacing value with unit" }, "bottom": { "type": "string", "description": "Bottom spacing value with unit" }, "left": { "type": "string", "description": "Left spacing value with unit" } }, "additionalProperties": false }, "style": { "type": "string", "enum": [ "none", "solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset" ] }, "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "radius": { "type": "object", "description": "Spacing value with directional properties", "properties": { "top": { "type": "string", "description": "Top spacing value with unit" }, "right": { "type": "string", "description": "Right spacing value with unit" }, "bottom": { "type": "string", "description": "Bottom spacing value with unit" }, "left": { "type": "string", "description": "Left spacing value with unit" } }, "additionalProperties": false } } }, "controlType": "border" }, "popupIconBoxShadow": { "label": "Icon box shadow", "css": [ { "property": "box-shadow", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "type": "object", "description": "Box shadow settings", "properties": { "values": { "type": "array", "items": { "type": "object", "properties": { "inset": { "type": "boolean" }, "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "h": { "type": "string" }, "v": { "type": "string" }, "blur": { "type": "string" }, "spread": { "type": "string" } } } } } }, "controlType": "box-shadow" }, "popupIconTypography": { "label": "Icon typography", "css": [ { "property": "font", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "type": "object", "description": "Typography settings", "properties": { "font-family": { "type": "string" }, "font-size": { "type": "string" }, "font-weight": { "type": [ "string", "integer" ] }, "font-style": { "type": "string", "enum": [ "normal", "italic", "oblique" ] }, "line-height": { "type": "string" }, "letter-spacing": { "type": "string" }, "text-align": { "type": "string", "enum": [ "left", "center", "right", "justify" ] }, "text-transform": { "type": "string", "enum": [ "none", "uppercase", "lowercase", "capitalize" ] }, "text-decoration": { "type": "string" }, "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] } } }, "controlType": "typography" }, "popupIconHeight": { "label": "Icon height", "units": true, "css": [ { "property": "line-height", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "popupIconWidth": { "label": "Icon width", "units": true, "css": [ { "property": "width", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "popupIconTransition": { "label": "Icon transition", "css": [ { "property": "transition", "selector": "&{pseudo} .icon" } ], "hasRequired": true, "valueSchema": { "type": "string" }, "controlType": "text" }, "mask": { "label": "Mask", "options": { "custom": "Custom", "mask-boom": "Boom", "mask-box": "Box", "mask-bubbles": "Bubbles", "mask-cirlce-dots": "Circle dots", "mask-circle-line": "Circle line", "mask-circle-waves": "Circle waves", "mask-circle": "Circle", "mask-drop-2": "Drop 2", "mask-drop": "Drop", "mask-fire": "Fire", "mask-grid-circles": "Grid circles", "mask-grid-dots": "Grid dots", "mask-grid-filled-diagonal": "Grid filled diagonal", "mask-grid-lines-diagonal": "Grid lines diagonal", "mask-grid": "Grid", "mask-heart": "Heart", "mask-hexagon-dent": "Hexagon dent", "mask-hexagon": "Hexagon", "mask-hourglass": "Hourglass", "mask-masonry": "Masonry", "mask-ninja-star": "Ninja star", "mask-octagon-dent": "Octagon dent", "mask-play": "Play", "mask-plus": "Plus", "mask-round-zig-zag": "Round zig zag", "mask-splash": "Splash", "mask-square-rounded": "Square rounded", "mask-squares-3-by-3": "Squares 3x3", "mask-squares-4-by-4": "Squares 4x4", "mask-squares-4-diagonal-rounded": "Squares 4 diagonal rounded", "mask-squares-4-diagonal": "Squares 4 diagonal", "mask-squares-diagonal": "Squares diagonal", "mask-squares-merged": "Squares merged", "mask-tiles-2": "Tiles 2", "mask-tiles": "Tiles", "mask-waves": "Waves" }, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "maskCustom": { "hasRequired": true, "valueSchema": { "type": "object", "description": "Image settings", "properties": { "id": { "type": [ "string", "integer" ] }, "filename": { "type": "string" }, "url": { "type": "string" }, "size": { "type": "string" }, "full": { "type": "string" }, "useDynamicData": { "type": "string" } } }, "controlType": "image" }, "maskSize": { "label": "Size", "options": { "auto": "Auto", "cover": "Cover", "contain": "Contain", "custom": "Custom" }, "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "maskSizeCustom": { "label": "Custom size", "units": true, "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "maskPosition": { "label": "Position", "options": { "center center": "Center center", "center left": "Center left", "center right": "Center right", "top center": "Top center", "top left": "Top left", "top right": "Top right", "bottom center": "Bottom center", "bottom left": "Bottom left", "bottom right": "Bottom right" }, "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "maskRepeat": { "label": "Repeat", "options": { "no-repeat": "No repeat", "repeat": "Repeat", "repeat-x": "Repeat-x", "repeat-y": "Repeat-y", "round": "Round", "space": "Space" }, "hasRequired": true, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_content": { "label": "Content", "css": [ { "property": "content", "value": "%s" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_margin": { "label": "Margin", "valueSchema": { "type": "object", "description": "Spacing value with directional properties", "properties": { "top": { "type": "string", "description": "Top spacing value with unit" }, "right": { "type": "string", "description": "Right spacing value with unit" }, "bottom": { "type": "string", "description": "Bottom spacing value with unit" }, "left": { "type": "string", "description": "Left spacing value with unit" } }, "additionalProperties": false }, "css": [ { "property": "margin", "selector": "" } ], "controlType": "spacing" }, "_padding": { "label": "Padding", "valueSchema": { "type": "object", "description": "Spacing value with directional properties", "properties": { "top": { "type": "string", "description": "Top spacing value with unit" }, "right": { "type": "string", "description": "Right spacing value with unit" }, "bottom": { "type": "string", "description": "Bottom spacing value with unit" }, "left": { "type": "string", "description": "Left spacing value with unit" } }, "additionalProperties": false }, "css": [ { "property": "padding" } ], "controlType": "spacing" }, "_width": { "label": "Width", "css": [ { "property": "width", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_widthMin": { "label": "Min. width", "css": [ { "property": "min-width", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_widthMax": { "label": "Max. width", "css": [ { "property": "max-width", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_height": { "label": "Height", "css": [ { "property": "height" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_heightMin": { "label": "Min. height", "css": [ { "property": "min-height" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_heightMax": { "label": "Max. height", "css": [ { "property": "max-height" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_aspectRatio": { "label": "Aspect ratio", "css": [ { "property": "aspect-ratio" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_position": { "label": "Position", "css": [ { "property": "position", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_top": { "label": "Top", "css": [ { "property": "top", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_right": { "label": "Right", "css": [ { "property": "right", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_bottom": { "label": "Bottom", "css": [ { "property": "bottom", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_left": { "label": "Left", "css": [ { "property": "left", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_zIndex": { "label": "Z-index", "css": [ { "property": "z-index", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_order": { "label": "Order", "css": [ { "property": "order", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_display": { "label": "Display", "options": { "flex": "flex", "inline-flex": "inline-flex", "block": "block", "inline-block": "inline-block", "inline": "inline", "none": "none" }, "css": [ { "property": "display", "selector": "" }, { "property": "align-items", "selector": "", "value": "initial", "required": "grid" } ], "elementScope": "nonLayout", "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_visibility": { "label": "Visibility", "options": { "visible": "visible", "hidden": "hidden", "collapse": "collapse" }, "css": [ { "property": "visibility" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_overflow": { "label": "Overflow", "css": [ { "property": "overflow" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_opacity": { "label": "Opacity", "css": [ { "property": "opacity" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_cursor": { "label": "Cursor", "options": { "generalGroupTitle": "General", "auto": "auto", "default": "default", "none": "none", "linkGroupTitle": "Link & status", "pointer": "pointer", "context-menu": "context-menu", "help": "help", "progress": "progress", "wait": "wait", "selectionGroupTitle": "Selection", "cell": "cell", "crosshair": "crosshair", "text": "text", "vertical-text": "vertical-text", "dndGroupTitle": "Drag & drop", "alias": "alias", "copy": "copy", "move": "move", "no-drop": "no-drop", "not-allowed": "not-allowed", "grab": "grab", "grabbing": "grabbing", "zoomGroupTitle": "Zoom", "zoom-in": "zoom-in", "zoom-out": "zoom-out", "scrollGroupTitle": "Resize", "col-resize": "col-resize", "row-resize": "row-resize", "n-resize": "n-resize", "e-resize": "e-resize", "s-resize": "s-resize", "w-resize": "w-resize", "ne-resize": "ne-resize", "nw-resize": "nw-resize", "se-resize": "se-resize", "sw-resize": "sw-resize", "ew-resize": "ew-resize", "ns-resize": "ns-resize", "nesw-resize": "nesw-resize", "nwse-resize": "nwse-resize", "all-scroll": "all-scroll" }, "css": [ { "property": "cursor", "selector": "" } ], "default": "default", "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_isolation": { "label": "Isolation", "options": { "auto": "auto", "isolate": "isolate" }, "css": [ { "property": "isolation" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_mixBlendMode": { "label": "Mix blend mode", "css": [ { "property": "mix-blend-mode" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_pointerEvents": { "label": "Pointer events", "css": [ { "property": "pointer-events" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_perspective": { "label": "Perspective", "css": [ { "property": "perspective" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_perspectiveOrigin": { "label": "Perspective origin", "css": [ { "property": "perspective-origin" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_gridItemJustifySelf": { "label": "Justify self", "css": [ { "property": "justify-self" } ], "elementScope": "nonLayout", "valueSchema": { "type": "string", "enum": [ "flex-start", "flex-end", "center", "baseline", "stretch" ] }, "controlType": "align-items" }, "_flexDirection": { "label": "Direction", "css": [ { "property": "flex-direction", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "type": "string", "enum": [ "row", "row-reverse", "column", "column-reverse" ] }, "controlType": "direction" }, "_alignSelf": { "label": "Align self", "css": [ { "property": "align-self", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "type": "string", "enum": [ "flex-start", "flex-end", "center", "baseline", "stretch" ] }, "controlType": "align-items" }, "_justifyContent": { "label": "Align main axis", "css": [ { "property": "justify-content", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "type": "string", "enum": [ "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly" ] }, "controlType": "justify-content" }, "_alignItems": { "label": "Align cross axis", "css": [ { "property": "align-items", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "type": "string", "enum": [ "flex-start", "flex-end", "center", "baseline", "stretch" ] }, "controlType": "align-items" }, "_gap": { "label": "Gap", "css": [ { "property": "gap", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_flexGrow": { "label": "Flex grow", "css": [ { "property": "flex-grow", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_flexShrink": { "label": "Flex shrink", "css": [ { "property": "flex-shrink", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_flexBasis": { "label": "Flex basis", "css": [ { "property": "flex-basis", "selector": "" } ], "elementScope": "nonLayout", "valueSchema": { "type": "string" }, "controlType": "text" }, "_useMasonry": { "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "_masonryColumn": { "label": "Columns", "css": [ { "property": "--columns", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_masonryGutter": { "label": "Spacing", "css": [ { "property": "--gutter", "selector": "" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_masonryHorizontalOrder": { "label": "Horizontal order", "valueSchema": { "type": "boolean" }, "controlType": "checkbox" }, "_masonryTransitionDuration": { "label": "Transition", "valueSchema": { "oneOf": [ { "type": "string", "description": "Value with unit (e.g., \"10px\", \"50%\")" }, { "type": "number" } ] }, "controlType": "number" }, "_masonryTransitionMode": { "label": "Reveal animation", "options": { "scale": "Scale", "fade": "Fade", "slideLeft": "Slide from left", "slideRight": "Slide from right", "skew": "Skew" }, "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_typography": { "valueSchema": { "type": "object", "description": "Typography settings", "properties": { "font-family": { "type": "string" }, "font-size": { "type": "string" }, "font-weight": { "type": [ "string", "integer" ] }, "font-style": { "type": "string", "enum": [ "normal", "italic", "oblique" ] }, "line-height": { "type": "string" }, "letter-spacing": { "type": "string" }, "text-align": { "type": "string", "enum": [ "left", "center", "right", "justify" ] }, "text-transform": { "type": "string", "enum": [ "none", "uppercase", "lowercase", "capitalize" ] }, "text-decoration": { "type": "string" }, "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] } } }, "css": [ { "property": "font" } ], "controlType": "typography" }, "_background": { "valueSchema": { "type": "object", "description": "Background settings", "properties": { "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "image": { "type": "object", "description": "Image settings", "properties": { "id": { "type": [ "string", "integer" ] }, "filename": { "type": "string" }, "url": { "type": "string" }, "size": { "type": "string" }, "full": { "type": "string" }, "useDynamicData": { "type": "string" } } }, "video": { "type": "object", "description": "Video settings", "properties": { "source": { "type": "string", "enum": [ "media", "youtube", "vimeo", "url" ] }, "id": { "type": [ "string", "integer" ] }, "url": { "type": "string" }, "youtubeId": { "type": "string" }, "vimeoId": { "type": "string" }, "autoplay": { "type": "boolean" }, "loop": { "type": "boolean" }, "muted": { "type": "boolean" }, "controls": { "type": "boolean" } } }, "size": { "type": "string" }, "position": { "type": "string" }, "repeat": { "type": "string", "enum": [ "repeat", "repeat-x", "repeat-y", "no-repeat" ] }, "attachment": { "type": "string", "enum": [ "scroll", "fixed", "local" ] } } }, "css": [ { "property": "background" } ], "controlType": "background" }, "_shapeDividers": { "label": "Custom shape", "options": { "custom": "Custom", "cloud": "Cloud", "drops": "Drops", "grid-round": "Grid (Round)", "grid-square": "Grid (Square)", "round": "Round", "square": "Square", "stroke": "Stroke", "stroke-2": "Stroke #2", "tilt": "Tilt", "triangle": "Triangle", "triangle-concave": "Triangle concave", "triangle-convex": "Triangle convex", "triangle-double": "Triangle double", "wave": "Wave", "waves": "Waves", "wave-brush": "Wave brush", "zigzag": "Zigzag", "vertical-cloud": "Vertical - Cloud", "vertical-drops": "Vertical - Drops", "vertical-pixels": "Vertical - Pixels", "vertical-stroke": "Vertical - Stroke", "vertical-stroke-2": "Vertical - Stroke #2", "vertical-tilt": "Vertical - Tilt", "vertical-triangle": "Vertical - Triangle", "vertical-triangle-double": "Vertical - Triangle double", "vertical-wave": "Vertical - Wave", "vertical-waves": "Vertical - Waves", "vertical-wave-brush": "Vertical - Wave brush", "vertical-zigzag": "Vertical - Zigzag" }, "elementScope": "layout", "valueSchema": { "type": "array", "items": { "type": "object" } }, "controlType": "repeater" }, "_gradient": { "valueSchema": { "type": "object", "description": "Gradient settings", "properties": { "applyTo": { "type": "string", "enum": [ "background", "overlay", "text" ] }, "type": { "type": "string", "enum": [ "linear", "radial", "conic" ] }, "angle": { "type": "string" }, "stops": { "type": "array", "items": { "type": "object", "properties": { "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "position": { "type": "string" } } } } } }, "css": [ { "property": "background-image" } ], "controlType": "gradient" }, "_border": { "label": "Border", "valueSchema": { "type": "object", "description": "Border settings", "properties": { "width": { "type": "object", "description": "Spacing value with directional properties", "properties": { "top": { "type": "string", "description": "Top spacing value with unit" }, "right": { "type": "string", "description": "Right spacing value with unit" }, "bottom": { "type": "string", "description": "Bottom spacing value with unit" }, "left": { "type": "string", "description": "Left spacing value with unit" } }, "additionalProperties": false }, "style": { "type": "string", "enum": [ "none", "solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset" ] }, "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "radius": { "type": "object", "description": "Spacing value with directional properties", "properties": { "top": { "type": "string", "description": "Top spacing value with unit" }, "right": { "type": "string", "description": "Right spacing value with unit" }, "bottom": { "type": "string", "description": "Bottom spacing value with unit" }, "left": { "type": "string", "description": "Left spacing value with unit" } }, "additionalProperties": false } } }, "css": [ { "property": "border" } ], "controlType": "border" }, "_boxShadow": { "label": "Box shadow", "valueSchema": { "type": "object", "description": "Box shadow settings", "properties": { "values": { "type": "array", "items": { "type": "object", "properties": { "inset": { "type": "boolean" }, "color": { "description": "Color value in various formats", "oneOf": [ { "type": "object", "properties": { "hex": { "type": "string", "pattern": "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" } }, "required": [ "hex" ] }, { "type": "object", "properties": { "rgb": { "type": "string", "pattern": "^rgba?\\(" } }, "required": [ "rgb" ] }, { "type": "object", "properties": { "hsl": { "type": "string", "pattern": "^hsla?\\(" } }, "required": [ "hsl" ] }, { "type": "object", "properties": { "raw": { "type": "string", "description": "Raw color value or CSS variable" } }, "required": [ "raw" ] } ] }, "h": { "type": "string" }, "v": { "type": "string" }, "blur": { "type": "string" }, "spread": { "type": "string" } } } } } }, "css": [ { "property": "box-shadow" } ], "controlType": "box-shadow" }, "_transform": { "label": "Transform", "valueSchema": { "type": "object", "description": "CSS transform settings", "properties": { "translateX": { "type": "string" }, "translateY": { "type": "string" }, "translateZ": { "type": "string" }, "scaleX": { "type": "string" }, "scaleY": { "type": "string" }, "scaleZ": { "type": "string" }, "rotateX": { "type": "string" }, "rotateY": { "type": "string" }, "rotateZ": { "type": "string" }, "skewX": { "type": "string" }, "skewY": { "type": "string" }, "perspective": { "type": "string" } } }, "css": [ { "property": "transform" } ], "controlType": "transform" }, "_transformOrigin": { "label": "Transform origin", "css": [ { "property": "transform-origin" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_cssCustom": { "label": "Custom CSS", "valueSchema": { "type": "string" }, "controlType": "code" }, "_cssClasses": { "label": "CSS classes", "valueSchema": { "type": "string" }, "controlType": "text" }, "_cssId": { "label": "CSS ID", "valueSchema": { "type": "string" }, "controlType": "text" }, "_cssFilters": { "label": "CSS Filters", "valueSchema": { "type": "object", "description": "CSS filter settings", "properties": { "blur": { "type": "string" }, "brightness": { "type": "string" }, "contrast": { "type": "string" }, "grayscale": { "type": "string" }, "hue-rotate": { "type": "string" }, "invert": { "type": "string" }, "opacity": { "type": "string" }, "saturate": { "type": "string" }, "sepia": { "type": "string" } } }, "css": [ { "property": "filter" } ], "controlType": "filters" }, "_cssTransition": { "label": "Transition", "css": [ { "property": "transition" } ], "valueSchema": { "type": "string" }, "controlType": "text" }, "_attributes": { "label": "Name", "valueSchema": { "type": "array", "items": { "type": "object" } }, "controlType": "repeater" }, "_scrollSnapType": { "label": "Type", "options": { "unset": "Unset", "y mandatory": "Mandatory (", "y proximity": "Proximity (" }, "css": [ { "property": "scroll-snap-type", "selector": "html" }, { "property": "scroll-snap-align", "selector": ".brxe-section", "value": "start" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_scrollSnapAlign": { "label": "Align", "options": { "start": "start", "center": "center", "end": "end" }, "css": [ { "property": "scroll-snap-align", "selector": ".brxe-section" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" }, "_scrollSnapStop": { "label": "Stop", "options": { "normal": "normal", "always": "always" }, "css": [ { "property": "scroll-snap-stop", "selector": ".brxe-section" } ], "valueSchema": { "oneOf": [ { "type": "string", "description": "Single selection" }, { "type": "array", "items": { "type": "string" }, "description": "Multiple selection" } ] }, "controlType": "select" } }} Was this page helpful?