---
title: "Component Content"
date: "2023-10-05T02:20:00+00:00"
summary: "Discover component content management with our comprehensive guide. Learn about schema structures, explore examples with and without form fields, and enhance your content strategy."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/component-content"
id: "2d34ae17-63a3-4cba-88b0-74f455dfa9f0"
---

Schema:

    {
      "type": "object",
      "properties": {
        "type": {
          "type": "string",
          "pattern": "^component_content"
        },
        "id": {"type" : "string"},
        "data": {
          "type": "object",
          "properties": {
            "uid": {"type" : "string"},
            "title": {"type" : "string"},
            "field_data": {"type":"array"}
          }
        }
      },
      "required": ["id", "type", "data"]
    }

Example output of a component content with no form fields:

    {
      "type": "component_content",
      "id": "d5acafe4-2828-4f6f-af51-791b67f006b6",
      "data": {
        "uid": "cpt_test_component_no_values",
        "title": "Test component, no values",
        "field_data": []
      }
    }

Example output of a component content with three input form fields:

    {
      "type": "component_content",
      "id": "eaf0cdc6-f47e-4871-ba13-c850c38cefc9",
      "data": {
        "uid": "cpt_test_form_layout",
        "title": "Test Form Layout",
        "field_data": [
          {
            "type": "form-field",
            "id": "30118e5f-187a-4295-a1d1-0e977270cff8",
            "machine_name": "input1",
            "data": {
              "uid": "form-input",
              "title": "Input",
              "value": "Input form field"
            }
          },
          {
            "type": "form-field",
            "id": "3671eb87-2ca2-4772-8794-878faa1c778c",
            "machine_name": "input2",
            "data": {
              "uid": "form-input",
              "title": "Input",
              "value": "Input form field 2"
            }
          },
          {
            "type": "form-field",
            "id": "733e6733-60c6-4f5a-99c6-2f403e1a24f7",
            "machine_name": "input3",
            "data": {
              "uid": "form-input",
              "title": "Input",
              "value": "Input form field 3"
            }
          }
        ]
      }
    }