Widgetar
Flera grundläggande komponenter, som beskrivs i avsnittet Komponenter, kan kombineras för att skapa en widget.
Widgetar kan användas för att göra en ny"mer komplex" komponent eller för att ge struktur åt objekt i en komponent.
Låt oss fördjupa oss i konceptet med en widget!
Vi börjar med att göra en enkel widget för att visa en lista över språk.
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"
}
]
},
Här definieras @languages
som en matris i modellen widget_languages
som: ["English", "French", "Hindi", "Spanish", "Urdu"]
Den återgivna grundläggande widgeten ser ut så här:
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178