Widgets

Meerdere basiscomponenten, zoals besproken in de sectie Componenten, kunnen worden gecombineerd om een widget te maken.
Widgets kan worden gebruikt om een nieuwe "complexere"component te maken, of structuur aan punten van een component te geven.

Laten we in het concept van een widget duiken!

We beginnen met het maken van een eenvoudige widget om een lijst met talen weer te geven.

const widgetJSON =  {
    "component": "div",
    "id": "widget_languages",
    "items": [ // adding components to the widget
        {
            "component": "div",
            "items": [
                {
                    "component": "icon",
                    "icon": "info"
                },
                {
                    "component": "label",
                    "label": "List of some languages"
                }
            ]
        },
        {
            "component": "list",
            "data": "@languages"
        }
    ]
},

Hier, @languages is een array gedefinieerd in het model van widget_languages als: ["English", "French", "Hindi", "Spanish", "Urdu"]

De gerenderde basiswidget ziet er als volgt uit: