Debug Menu Components

All components are divided into widgets, events and logs.

# State Widgets

This is a set of components that you can specify for recording in the state when connecting to the server.

Further examples will rely on what are located in the "example_tab" tab.

{
    "tabs": {
        "example_tab": {
            "widgets": [ /* here */ ],
        }
    }
}

# Debug-Button

{
    "id": "btn_id",
    "type": "button",
    "data": { "title": "Click", }
}

Activity: {}

# Debug-Check-Box

{
    "id": "check-box-1",
    "type": "check-box",
    "data": {
        "text": "Check box",
        "value": false,
        "disabled": false
    }
}

Check box

Activity: { "id": "check-box-1", "tab_name": "example_tab", "value": false }

# Debug-Command-Line

{
    "id": "command-line-1",
    "type": "command-line",
    "data": {
        "title": "example",
        "placeholder": "Example placeholder"
    }
}

Example title

Activity:{ "id": "command-line-1", "tab_name": "example_tab", "value": "" }

# Debug-Radio-Button

{
    "id": "radio-button-1",
    "type": "radio-button",
    "data": {
        "title": "Example title",
        "default": 2,
        "content": [
            {
                "text": "First",
                "value": "1"
            },
            {
                "text": "Second",
                "value": "2"
            }
        ]
    }
}

Example title

First

Second

Activity: { "id": "radio-button-1", "tab_name": "example_tab", "value": "2" }

# Debug-Selector

{
    "id": "btn_id",
    "type": "selector",
    "data": {
        "title": "Title",
        "content": [
            {
                "text": "Option A",
                "value": "a"
            },
            {
                "text": "Option B",
                "value": "b"
            }
        ]
    }
}

Title

Activity: { "id": "selector-1", "tab_name": "example_tab", "value": "a" }

# Debug-Text

{
    "id": "example_text",
    "type": "text",
    "data": {
        "content": "hello world",
        "color": "red"
    }
}

hello world