afs-list: Can the same resources have different list views?

Articles can appear in a card grid or compact list. layout chooses spatial arrangement; itemStyle chooses per-item presentation. These dimensions separate a collection from its visual treatment. Configure filtering, sorting and subscriptions against the target runtime.

Start with these properties

layout controls spatial arrangement and itemStyle controls each entry’s presentation. filter selects displayed entries and sort orders them. These describe a view of the collection, not its access-control policy: hiding an entry does not deny access through other routes.

Start with the example’s select event: the application decides what follows a resource selection. The registry also includes navigation, expansion, collapse and selection-set changes. Consult the reference for the full event names and payloads rather than memorizing the list first.

Read a structural example

From the source registry. This is structural reading material, not a live demo; referenced resources and actions require an application.

{
  "id": "project-grid",
  "type": "afs-list",
  "src": "/teams/arcblock-core/workspaces/",
  "props": {
    "layout": "grid",
    "itemStyle": "card",
    "gridCols": 3,
    "clickMode": "select",
    "searchable": true,
    "emptyText": "No workspaces"
  },
  "events": {
    "select": {
      "exec": "/dev/ui/.actions/navigate-workspace",
      "args": {}
    }
  }
}

The node-level src supplies the collection, displayed as a three-column card grid. searchable enables its search control and emptyText supplies the empty-state wording. clickMode: "select" chooses selection behavior; the event connects it to the example’s workspace-navigation action. The title text is not used as the resource address, and this JSON does not expand the selected-entry argument handling.

Read the afs-list reference.