---
schema_version: "1"
id: 40dae89d2f22f52a06e98fb5b6da734fe7a8a8aaf87e4377d3bfb5b8cf22c8ec
title: StoryNormalState LWC Card Template (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_storynormalstate_lwc_card_template.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_storynormalstate_lwc_card_template.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 237dfb600011729e987b1bd2f3dec00b17bbb894425258785acf0a03d7acf738
description: For the managed package runtime, this page contains the StoryNormalState LWC Card Template ReadMe for each Vlocity release.
products:
  - Omnistudio
release: "264"
---
# StoryNormalState LWC Card Template (Managed Package)

For the managed package runtime, this page contains the StoryNormalState LWC Card Template 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 Summer '19 and Vlocity CME Fall '19

The _StoryNormalState LWC Card Template_ displays the story item. The layout includes an icon, a title and fields in two columns. The icon displays in the first column, while the title and fields display in the second column. The fields display inline.

## Available StoryNormalState Features

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d251090e62">
              <p style="margin-bottom:0;">Feature</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d251090e68">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d251090e62 ">
              <p style="margin-bottom:0;">icon</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d251090e68 ">
              <p style="margin-bottom:0;">By default, the icon is the sObject type. If there is no SLDS icon associated with the sObject, you can define one with a card session variable using the <code>iconName</code> attribute. For example, to define an icon for the 'Order' sObject, set <code>iconName</code> to <code>standard:orders</code>. See <a href="https://lightningdesignsystem.com/icons/" target="_blank">SLDS Icons</a>.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d251090e68 ">
              <p style="margin-bottom:0;">By default, the story item obj title is next to the icon. Clicking the title takes the user to the story item record page.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d251090e68 ">
              <p style="margin-bottom:0;">By default, the fields display inline with the title.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d251090e68 ">
              <p style="margin-bottom:0;">By default, this template displays the story item <code>monthNameLastActivityDate</code> at the bottom of the card.</p>
            </td>

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