Hero Storyblok Configuration

hero.config.json

{
  "name": "hero",
  "display_name": "Hero",
  "created_at": "2026-05-13T09:04:40.556Z",
  "updated_at": "2026-05-13T09:04:40.556Z",
  "id": 25,
  "schema": {
    "headline": {
      "id": 0,
      "pos": 0,
      "display_name": "Headline",
      "key": "headline",
      "type": "markdown",
      "description": "Headline for the visual",
      "required": false
    },
    "sub": {
      "id": 0,
      "pos": 1,
      "display_name": "Subheadline",
      "key": "sub",
      "type": "markdown",
      "description": "Subheadline below the module headline",
      "required": false
    },
    "text": {
      "id": 0,
      "pos": 2,
      "display_name": "Text",
      "key": "text",
      "type": "markdown",
      "description": "Info text for the module element",
      "required": false
    },
    "highlightText": {
      "id": 0,
      "pos": 3,
      "display_name": "Highlight Text?",
      "key": "highlightText",
      "type": "boolean",
      "description": "Visually highlight the text",
      "required": false
    },
    "height": {
      "id": 0,
      "pos": 4,
      "display_name": "Height",
      "key": "height",
      "type": "option",
      "default_value": "default",
      "description": "Height",
      "options": [
        {
          "name": "small",
          "value": "small",
          "_uid": "06974203-eabd-4584-bbcb-90b8d5618b7c"
        },
        {
          "name": "default",
          "value": "default",
          "_uid": "4811afe0-b832-4e66-83cf-991568a4fba7"
        },
        {
          "name": "fullImage",
          "value": "fullImage",
          "_uid": "acd8b36b-8342-4d16-99d5-0a23c3ff0fd7"
        },
        {
          "name": "fullScreen",
          "value": "fullScreen",
          "_uid": "d1272d89-4594-466f-9b3a-904649130b33"
        }
      ],
      "required": false
    },
    "textPosition": {
      "id": 0,
      "pos": 5,
      "display_name": "Text Position",
      "key": "textPosition",
      "type": "option",
      "default_value": "left",
      "description": "Choose the alginment of the module content",
      "options": [
        {
          "name": "center",
          "value": "center",
          "_uid": "c5f6711b-e60d-481d-a6be-9df3cf8f9d27"
        },
        {
          "name": "below",
          "value": "below",
          "_uid": "4257c555-4d4e-4efc-9165-0cc7c15a765f"
        },
        {
          "name": "offset",
          "value": "offset",
          "_uid": "f4a6a849-b620-4e0f-bd13-fc9506f8df2e"
        },
        {
          "name": "left",
          "value": "left",
          "_uid": "db8f84cc-7f17-48db-8c85-e1e2943f4e13"
        },
        {
          "name": "right",
          "value": "right",
          "_uid": "ed5f780e-c832-4ca8-832b-b2bb8636cc7e"
        },
        {
          "name": "corner",
          "value": "corner",
          "_uid": "fa850ace-e8f1-40b7-aa35-e870523bef67"
        },
        {
          "name": "bottom",
          "value": "bottom",
          "_uid": "776c9217-9145-4f38-8d1d-efa99bc18abb"
        }
      ],
      "required": false
    },
    "textbox": {
      "id": 0,
      "pos": 6,
      "display_name": "Textbox?",
      "key": "textbox",
      "type": "boolean",
      "default_value": true,
      "description": "Toggle wether you want your text to be displayed within in box",
      "required": false
    },
    "invertText": {
      "id": 0,
      "pos": 7,
      "display_name": "Invert Text?",
      "key": "invertText",
      "type": "boolean",
      "description": "Invert the text color for better contrast against the background",
      "required": false
    },
    "overlay": {
      "id": 0,
      "pos": 8,
      "display_name": "Grid layer?",
      "key": "overlay",
      "type": "boolean",
      "description": "Enable grid layer",
      "required": false
    },
    "buttons": {
      "id": 0,
      "pos": 9,
      "display_name": "Button",
      "key": "buttons",
      "type": "bloks",
      "restrict_type": "",
      "restrict_components": true,
      "component_whitelist": ["buttons"],
      "description": "Button"
    },
    "tab-914f5cf9-fe33-4302-89e7-15828dec7d30": {
      "id": 0,
      "pos": 10,
      "display_name": "Background image",
      "key": "tab-914f5cf9-fe33-4302-89e7-15828dec7d30",
      "keys": [
        "image_srcMobile",
        "image_srcTablet",
        "image_srcDesktop",
        "image_alt"
      ],
      "type": "tab",
      "description": "Sources of background images for different screen sizes",
      "required": false
    },
    "image_srcMobile": {
      "id": 0,
      "pos": 11,
      "display_name": "Mobile Source",
      "key": "image_srcMobile",
      "type": "asset",
      "filetypes": ["images"],
      "description": "Background image source for small screens",
      "required": false
    },
    "image_srcTablet": {
      "id": 0,
      "pos": 12,
      "display_name": "Tablet Source",
      "key": "image_srcTablet",
      "type": "asset",
      "filetypes": ["images"],
      "description": "Background image source for medium screens",
      "required": false
    },
    "image_srcDesktop": {
      "id": 0,
      "pos": 13,
      "display_name": "Desktop Source",
      "key": "image_srcDesktop",
      "type": "asset",
      "filetypes": ["images"],
      "description": "Background image source for large screens",
      "required": false
    },
    "image_alt": {
      "id": 0,
      "pos": 14,
      "display_name": "Alt Text",
      "key": "image_alt",
      "type": "text",
      "description": "Alt text to display for picture",
      "required": false
    }
  },
  "is_nestable": true,
  "real_name": "Hero",
  "color": "#05566a",
  "icon": "block-wallet",
  "component_group_uuid": "88e637dd-0ec0-4074-9ef7-bcab35037afb",
  "component_group_name": "Components"
}