Widget
È possibile combinare più componenti di base, come descritto nella sezione Componenti, per creare un widget.
I widget possono essere utilizzati per creare un nuovo componente "più complesso" o per strutturare gli elementi di un componente.
Approfondiamo il concetto di widget!
Inizieremo creando un semplice widget per visualizzare un elenco di lingue.
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"
}
]
},
@languages
è un array definito nel modello di widget_languages
come: ["Inglese", "Francese", "Hindi", "Spagnolo", "Urdu"]
Il widget di base sottoposto a rendering sarà simile al seguente:
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178