Widgets
Vários componentes básicos, conforme discutido na seção Componentes, podem ser combinados para criar um widget.
Os widgets podem ser usados para criar um novo componente "mais complexo" ou estruturar os itens de um componente.
Vamos mergulhar no conceito de um widget!
Começaremos criando um widget simples para exibir uma lista de idiomas.
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"
}
]
},
Aqui, @languages é uma matriz definida no modelo de widget_languages como: ["Inglês", "Francês", "Hindi", "Espanhol", "Urdu"]
O widget básico renderizado terá esta aparência:
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178