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 :
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178