ListItems Lightning Web Component ReadMe (Managed Package)

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

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20

The ListItems Lightning Web Component creates the template for each list item inside the List Lightning Web Component.

Available c-list-items Attributes

Attribute	Value	Type	Required	Description
theme	slds, nds (Default: slds)	string		Specfies which theme to use.
records		array		Contains the data for the list.

Example c-list-items Component

    <c-list records={data} issearchavailable="true" issortavilable="true">
        <c-list-items>
        </c-list-items>
    </c-list>

    <!-- required iteration template-->
    <template>
        <ul class="slds-has-dividers_around slds-has-block-links_space">
            <template for:each={data} for:item="item" for:index="index">
                <li key={item.id} class="slds-item">
                    <a href="javascript:void(0);">{item.name}</a>
                </li>
            </template>
        </ul>
    </template>

Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19

The ListItems Lightning Web Component creates the the template for each list item inside the List Lightning Web Component.

Available c-list-items Attributes

Attribute	Value	Type	Required	Description
theme	slds, nds (Default: slds)	string		Specfies which theme to use.
records		array		Contains the data for the list.

Example c-list-items Component

    <c-list records={data} issearchavailable="true" issortavilable="true">
        <c-list-items>
        </c-list-items>
    </c-list>

    <!-- required iteration template-->
    <template>
        <ul class="slds-has-dividers_around slds-has-block-links_space">
            <template for:each={data} for:item="item" for:index="index">
                <li key={item.id} class="slds-item">
                    <a href="javascript:void(0);">{item.name}</a>
                </li>
            </template>
        </ul>
    </template>