Border Control Schema
{ "$schema": "https://json-schema.org/draft/2020-12/schema", "$id": "bricks://controls/border", "schemaVersion": "2.2.1", "title": "Border Control", "description": "Border settings", "controlProperties": [ "type", "label", "group", "css", "hasRequired", "tab", "deprecated", "inline" ], "type": "object", "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 } }} Was this page helpful?