---
schema_version: "1"
id: 493909604572287bb95227d5c434f168779e3279ce3d39b1bd433aac5beec574
title: Custom Lightning Web Component Properties (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_custom_lightning_web_component_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_custom_lightning_web_component_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 707226e8572b9d6afe7002a3f7f1062c5f5b69c86492dbc631ee41743e6d1204
description: For the managed package runtime, custom Lightning Web Component element properties are configurable from the Properties panel when you select the element. With the Custom Lightning Web Component element, embed a custom Lightning web component into your Omniscript.
products:
  - Omnistudio
release: "264"
---
# Custom Lightning Web Component Properties (Managed Package)

For the managed package runtime, custom Lightning Web Component element properties are configurable from the Properties panel when you select the element. With the Custom Lightning Web Component element, embed a custom Lightning web component into your Omniscript.

![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).

<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="d152181e46">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d152181e52">
            <p style="margin-bottom:0;">Description</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">LWC Name</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e52 ">
            <p style="margin-bottom:0;">Enter the name of the custom component to render it in an active Omniscript.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Property Name</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e52 ">
            <p style="margin-bottom:0;">Enter a property name using the HTML attribute format to pass it into the custom component. For example, the property recordId converts to the HTML attribute record-id.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Property Source</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e52 ">
            <p style="margin-bottom:0;">Enter a value to pass in the property. Values can use the merge field syntax
              to pass a JSON node. For example, to pass the JSON node ContextId, enter
              <kbd>%ContextId%</kbd>. To avoid Flexcard loading issues,
              don’t use the merge field syntax to reference a custom Lightning web
              component. For example, if the name of the Lightning web component is
              customlwc1, don’t use <kbd>%customlwc1%</kbd>.
            </p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Standalone LWC</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d152181e52 ">
            <p style="margin-bottom:0;">A checkbox that enables the use of a Standalone LWC.</p>
          </td>

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