---
title: "Plain text area"
date: "2023-10-05T01:32:42+00:00"
summary: "Discover how to implement a plain text area in your form with our JSON schema guide. Learn the structure, required fields, and see real-world examples for seamless integration into your Drupal-based projects."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/plain-text-area"
id: "a30de508-67f4-481c-b1d1-da7e0bcf8520"
---

Schema:

    {
      "type": "object",
      "properties": {
        "type": {"type": "string", "pattern": "^form-field$"},
        "id": {"type": "string", "pattern": "^[0-9a-f]{8}-([0-9a-f]{4}-){3}[0-9a-f]{12}$"},
        "machine_name": {"type": "string"},
        "data": {
          "type": "object",
          "properties": {
            "uid": {"type": "string","pattern": "^form-textarea$"},
            "title": {"type": "string"},
            "value": {"type": "string"}
          }
        }
      },
      "required": ["id", "type", "data"]
    }
    

Example output:

Given "Plain text area" form element on a component set up like so

![f76bacee-Screenshot%202023-12-04%20at%2000.56.09.png](https://acquia.widen.net/content/8d6c348c-1c36-4329-a6b4-55c2820e76c6/web/f76bacee-Screenshot%202023-12-04%20at%2000.56.09.png)

And used on Node layout canvas like so

![4abb6853-Screenshot%202023-12-06%20at%2000.42.28.png](https://acquia.widen.net/content/56c3218b-6875-4486-88c5-1911b00df0f2/web/4abb6853-Screenshot%202023-12-06%20at%2000.42.28.png)

JSON:API Output for this form field will be this:

    {
      "type": "form-field",
      "id": "8ddf464b-2771-4bec-b2a0-2d4f8ab53863",
      "machine_name": "plain-text-area",
      "data": {
        "uid": "form-textarea",
        "title": "Plain text area",
        "value": "Plain text area value"
      }
    }