# blockenberg/2.0.6/blocks/before-after/block.json

Blockenberg — 600+ Advanced Gutenberg Blocks & AI Agent for WordPress Block Editor, version 2.0.6. 66 lines.

- Page: https://pluginprobe.com/plugins/blockenberg/2.0.6/code/blocks/before-after/block.json
- Raw: https://pluginprobe.com/plugins/blockenberg/2.0.6/raw/blocks/before-after/block.json
- Modified: 2026-02-20T22:36:38+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/blockenberg/2.0.6/code/blocks/before-after/block.json#L10-L20`.

```json
{
  "apiVersion": 3,
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "name": "blockenberg/before-after",
  "title": "Before/After Slider",
  "category": "blockenberg",
  "icon": "image-flip-horizontal",
  "description": "Compare two images with a draggable slider handle.",
  "keywords": ["before after", "comparison", "slider", "images", "split"],
  "textdomain": "blockenberg",
  "editorScript": "bkbg-before-after-editor",
  "editorStyle": "bkbg-before-after-style",
  "style": "bkbg-before-after-style",
  "viewScript": "bkbg-before-after-frontend",
  "supports": {
    "html": false,
    "anchor": true,
    "className": true,
    "align": ["wide", "full"]
  },
  "attributes": {
    "beforeImage": {
      "type": "object",
      "default": { "id": 0, "url": "", "alt": "" }
    },
    "afterImage": {
      "type": "object",
      "default": { "id": 0, "url": "", "alt": "" }
    },

    "startPosition": { "type": "number", "default": 50 },
    "orientation": { "type": "string", "default": "horizontal" },

    "showLabels": { "type": "boolean", "default": true },
    "beforeLabel": { "type": "string", "default": "Before" },
    "afterLabel": { "type": "string", "default": "After" },
    "labelPosition": { "type": "string", "default": "top" },
    "labelBg": { "type": "string", "default": "rgba(0,0,0,0.55)" },
    "labelColor": { "type": "string", "default": "#ffffff" },
    "labelSize": { "type": "number", "default": 13 },
    "labelRadius": { "type": "number", "default": 6 },

    "handleStyle": { "type": "string", "default": "circle" },
    "handleSize": { "type": "number", "default": 44 },
    "handleIcon": { "type": "object", "default": { "type": "dashicon", "value": "leftright" } },
    "handleIconSize": { "type": "number", "default": 18 },
    "handleBg": { "type": "string", "default": "#007cba" },
    "handleColor": { "type": "string", "default": "#ffffff" },
    "lineColor": { "type": "string", "default": "rgba(255,255,255,0.95)" },
    "lineWidth": { "type": "number", "default": 2 },

    "handleHoverAnim": { "type": "boolean", "default": false },
    "handleHoverAnimType": { "type": "string", "default": "pulse" },
    "handleHoverAnimDuration": { "type": "number", "default": 650 },

    "handleHoverScale": { "type": "boolean", "default": true },
    "handleHoverScaleAmount": { "type": "number", "default": 1.08 },

    "borderRadius": { "type": "number", "default": 12 },
    "shadow": { "type": "boolean", "default": false },

    "aspect": { "type": "string", "default": "auto" },
    "minHeight": { "type": "number", "default": 260 }
  }
}

```