List Item

tile/listItem

Adds a single row inside a list. Use these child components: tile/text, tile/link, or tile/icon.

This component has no configurable properties. Provide content through child components.

Use a list item for a single row inside a tile/list. It carries the row’s content with text, links, and icons while the parent list owns the spacing and markers. A list item has no attributes of its own. It shows content provided by its children.

1{
2    "definition": "tile/list",
3    "children": [
4        {
5            "definition": "tile/listItem",
6            "children": [
7                {
8                    "definition": "tile/text",
9                    "attributes": { "text": "Item content" }
10                }
11            ]
12        }
13    ]
14}

A list item can hold several children to combine an icon, text, and a link in one row.

1{
2    "definition": "tile/listItem",
3    "children": [
4        {
5            "definition": "tile/icon",
6            "attributes": { "name": "info", "size": "sm" }
7        },
8        {
9            "definition": "tile/text",
10            "attributes": { "text": "See the documentation for details: " }
11        },
12        {
13            "definition": "tile/link",
14            "attributes": { "text": "Read more", "href": "https://example.com" }
15        }
16    ]
17}

Consider these guidelines when working with list items.

• Compose each row from tile/text, tile/link, and tile/icon children rather than putting content directly on the item.
• To make a whole row clickable, attach an action to the item rather than wrapping its contents in a separate control.

Note any limitations that apply to this component.

No known limitations for tile/listItem in Slackbot.

No known limitations for tile/listItem in ChatGPT.

No known limitations for tile/listItem in Agentforce.

• HXL Lightning Types Reference
• HXL Playground: List Item