DocumentationAEM GuidesAEM Guides Documentation

List

Last update: Sat Mar 23 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • User
  • Admin

To display a list, we use the component list.


const listJSON =  {
    "component": "list", //tells the component name
    "data": "@languages", // an array of list items
},

Here, language is a simple array of strings. languages = ["English", "Hindi", "French"]
In case we want to render a list of objects, we can specify the structure using item config.


const listJSON =  {
    "component": "list", //tells the component name
    "data": "@projects", // an array of list items
    "itemConfig": { // used to define the structure of the list items.
    "component": "widget",
    "id": "checkbox_label"
    }
},

Usually itemConfig is a widget. To learn more about widgets go to Widgets

The rendered list will look like this:

list

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178