Example: From Data

{
    "data": {
        "string": "This is a string",
        "boolean": true,
        "integer": 42,
        "number": 50.5,
        "date": "2020-06-25",
        "time": "23:08:00",
        "datetime": "2020-06-25T23:08:42+02:00",
        "week": "2025-W10",
        "month": "2025-03",
        "color": "#ff5733",
        "email": "[email protected]",
        "uuid": "550e8400-e29b-41d4-a716-446655440000",
        "url": "https://example.com",
        "uri": "mailto:[email protected]",
        "ipv4": "192.168.1.1",
        "ipv6": "2001:db8::ff00:42:8329"
    }
}

{
    "type": "object",
    "properties": {
        "string": {
            "type": "string",
            "format": "uri",
            "maxLength": 2048,
            "minLength": 2
        },
        "boolean": {
            "type": "boolean"
        },
        "integer": {
            "type": "integer"
        },
        "number": {
            "type": "number"
        },
        "date": {
            "type": "string",
            "format": "date",
            "maxLength": 10,
            "minLength": 10
        },
        "time": {
            "type": "string",
            "format": "time",
            "maxLength": 14,
            "minLength": 8
        },
        "datetime": {
            "type": "string",
            "format": "uri",
            "maxLength": 2048,
            "minLength": 2
        },
        "week": {
            "type": "string"
        },
        "month": {
            "type": "string"
        },
        "color": {
            "type": "string",
            "format": "uri",
            "maxLength": 2048,
            "minLength": 2
        },
        "email": {
            "type": "string",
            "format": "email",
            "maxLength": 320
        },
        "uuid": {
            "type": "string",
            "format": "uuid",
            "maxLength": 36,
            "minLength": 36
        },
        "url": {
            "type": "string",
            "format": "uri",
            "maxLength": 2048,
            "minLength": 2
        },
        "uri": {
            "type": "string",
            "format": "uri",
            "maxLength": 2048,
            "minLength": 2
        },
        "ipv4": {
            "type": "string",
            "format": "ipv4",
            "maxLength": 15,
            "minLength": 7
        },
        "ipv6": {
            "type": "string",
            "format": "ipv6",
            "maxLength": 39,
            "minLength": 2
        }
    }
}

{
    "type": "VerticalLayout",
    "elements": [
        {
            "type": "Control",
            "label": "String",
            "scope": "#/properties/string"
        },
        {
            "type": "Control",
            "label": "Boolean",
            "scope": "#/properties/boolean"
        },
        {
            "type": "Control",
            "label": "Integer",
            "scope": "#/properties/integer"
        },
        {
            "type": "Control",
            "label": "Number",
            "scope": "#/properties/number"
        },
        {
            "type": "Control",
            "label": "Date",
            "scope": "#/properties/date"
        },
        {
            "type": "Control",
            "label": "Time",
            "scope": "#/properties/time"
        },
        {
            "type": "Control",
            "label": "Datetime",
            "scope": "#/properties/datetime"
        },
        {
            "type": "Control",
            "label": "Week",
            "scope": "#/properties/week"
        },
        {
            "type": "Control",
            "label": "Month",
            "scope": "#/properties/month"
        },
        {
            "type": "Control",
            "label": "Color",
            "scope": "#/properties/color"
        },
        {
            "type": "Control",
            "label": "Email",
            "scope": "#/properties/email"
        },
        {
            "type": "Control",
            "label": "Uuid",
            "scope": "#/properties/uuid"
        },
        {
            "type": "Control",
            "label": "Url",
            "scope": "#/properties/url"
        },
        {
            "type": "Control",
            "label": "Uri",
            "scope": "#/properties/uri"
        },
        {
            "type": "Control",
            "label": "Ipv4",
            "scope": "#/properties/ipv4"
        },
        {
            "type": "Control",
            "label": "Ipv6",
            "scope": "#/properties/ipv6"
        }
    ]
}

{
    "string": "This is a string",
    "boolean": true,
    "integer": 42,
    "number": 50.5,
    "date": "2020-06-25",
    "time": "23:08:00",
    "datetime": "2020-06-25T23:08:42+02:00",
    "week": "2025-W10",
    "month": "2025-03",
    "color": "#ff5733",
    "email": "[email protected]",
    "uuid": "550e8400-e29b-41d4-a716-446655440000",
    "url": "https://example.com",
    "uri": "mailto:[email protected]",
    "ipv4": "192.168.1.1",
    "ipv6": "2001:db8::ff00:42:8329"
}