Widgets
Mehrere grundlegende Komponenten, wie im Abschnitt Komponenten beschrieben, können kombiniert werden, um ein Widget zu erstellen.
Widgets können verwendet werden, um eine neue "komplexere"Komponente zu erstellen oder Elemente einer Komponente zu strukturieren.
Tauchen wir in das Konzept eines Widgets ein!
Zunächst erstellen wir ein einfaches Widget, um eine Liste von Sprachen anzuzeigen.
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 ist @languages
ein Array, das im Modell von widget_languages
definiert ist als: ["English", "French", "Hindi", "Spanisch", "Urdu"]
Das gerenderte grundlegende Widget sieht wie folgt aus:
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178