---
schema_version: "1"
id: 41a1daf39b51267cef73ec58b3da4d54759ec9c31e7f26a26587660685cb328f
title: Related List Lightning Web Component ReadMe (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_related_list_lightning_web_component_readme.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_related_list_lightning_web_component_readme.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 3c0ca7403f980dbdd7c9d88701e0bc24b458ed7e06caf6e09dd86e882e063254
description: For the managed package runtime, this page contains the Related List LWC ReadMe for each Vlocity release.
products:
  - Omnistudio
release: "264"
---
# Related List Lightning Web Component ReadMe (Managed Package)

For the managed package runtime, this page contains the Related List LWC ReadMe for each Vlocity release.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

## Vlocity Insurance and Health Spring '20

The _Related List Lightning Web Component_ displays a table of data with a header that supports actions. All attributes from the _DataTable LWC_ and _sldsHeader LWC_ are available to this component.

## Available c-related-list Attributes

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d97651e71">
              <p style="margin-bottom:0;">Attribute</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d97651e77">
              <p style="margin-bottom:0;">Value</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d97651e83">
              <p style="margin-bottom:0;">Type</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d97651e89">
              <p style="margin-bottom:0;">Required</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d97651e95">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e71 ">
              <p style="margin-bottom:0;">recordId</p>
            </td>

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e77 ">&nbsp;</td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e83 ">
              <p style="margin-bottom:0;">string</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e89 ">
              <p style="margin-bottom:0;">yes, if <code>actionList</code> is set</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e95 ">
              <p style="margin-bottom:0;">Sets Vlocity Actions contextId.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e71 ">
              <p style="margin-bottom:0;">sObjectType</p>
            </td>

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e77 ">
              <p style="margin-bottom:0;">sObject</p>
            </td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e83 ">
              <p style="margin-bottom:0;">string</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e89 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e95 ">
              <p style="margin-bottom:0;">Sets Vlocity Actions sObject type.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e71 ">
              <p style="margin-bottom:0;">actionList</p>
            </td>

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e77 ">
              <p style="margin-bottom:0;">vlocity action name</p>
            </td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e83 ">
              <p style="margin-bottom:0;">array</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e89 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d97651e95 ">
              <p style="margin-bottom:0;">Displays Vlocity Actions in the header.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Example c-related-list Component

```
<c-related-list
    header="Sample Header"
    description="Sample title for the header"
    theme={theme}
    icon-name="standard:opportunity"
    icon-size="large"
    icon-color="#fcb95b"
    icon-bg-color="#fff"
    draggable="false"
    columns={columns}
    records={tableData}
    action-list={actionList}
    record-id="001f400000Odl3cAAB"
></c-related-list>
```