Key Value List
Labelled values in two columns, one row per item, with an empty-state line.
Labelled values in two columns, one row per item, with an empty-state line.
Add it to an app
- Open the app builder and find Key Value List in the component palette.
- Insert it into the intended region or container.
- Set its properties in the inspector. Use a literal for a fixed value or a binding for a value supplied by the app.
- Connect its events where the app should respond to a user gesture.
- Preview with representative data and save after resolving validation problems.
The type name in the builder’s code view is key_value_list.
Settings
| Setting | Accepted value | Required | Default | What it controls |
|---|---|---|---|---|
emptyText (emptyText) | string | No | "Nothing to show." | — |
items (items) | list of value | No | [] | — |
Values available to bindings
This component declares no published values. Use its settings and any events to configure its behaviour.
Example: A starting configuration
| Setting | Example value |
|---|---|
items | [{"key":"Owner","value":"Ada Lovelace"},{"key":"Status","value":"Active"},{"key":"Renews","value":"2027-01-01"}] |
If it is empty or unavailable
Check the source binding, the selected item, and the app’s access. A hosted document, table, review, or storage component needs the corresponding app capability; an offline preview cannot supply live private data. A source running with no results is different from an invalid binding. Inspect the app’s workflow and data source before changing the presentation.