List
Layout and media / List
Present related items that a person can scan quickly.
When to use it
Present related items that a person can scan quickly.
What the agent supplies
A vertical or horizontal list of child components, optionally templated from bound data.
The agent chooses the content and binds it to the component. CLIO then renders the view and its available controls.
What the agent receives
The exact output of load_skill, including resolved local definitions.
load_skill("a2ui-catalog-basic", file="catalog.json#/components/List"){
"type": "object",
"allOf": [
{
"$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon"
},
{
"type": "object",
"properties": {
"weight": {
"type": "number",
"description": "The relative weight of this component within a Row or Column. This is similar to the CSS 'flex-grow' property. Note: this may ONLY be set when the component is a direct descendant of a Row or Column."
}
}
},
{
"type": "object",
"properties": {
"component": {
"const": "List"
},
"children": {
"description": "Defines the children. Use an array of strings for a fixed set of children, or a template object to generate children from a data list.",
"$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/ChildList"
},
"direction": {
"type": "string",
"description": "The direction in which the list items are laid out.",
"enum": [
"vertical",
"horizontal"
],
"default": "vertical"
},
"align": {
"type": "string",
"description": "Defines the alignment of children along the cross axis.",
"enum": [
"start",
"center",
"end",
"stretch"
],
"default": "stretch"
}
},
"required": [
"component",
"children"
]
}
],
"unevaluatedProperties": false
}
Standard refs (not loadable here): https://a2ui.org/specification/v0_9/common_types.json#/$defs/ChildList, https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon