Widgets

Plusieurs composants de base, comme décrit dans la section Composants , peuvent être combinés pour créer un widget.
Les widgets peuvent être utilisés pour créer un nouveau composant "plus complexe" ou pour donner une structure aux éléments d’un composant.

Explorons le concept d'un widget !

Nous allons commencer par créer un widget simple pour afficher une liste de langues.

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"
        }
    ]
},

Ici, @languages est un tableau défini dans le modèle de widget_languages en tant que : ["Anglais", "Français", "Hindi", "Espagnol", "Urdu"]

Le widget de base rendu se présente comme suit :