---
schema_version: "1"
id: 7ce314bc505df603a3205195d63fd91c0812293c24e5fdafce7f812a2840c99c
title: Vlocity Lightning App and Community Builder Components Reference (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_vlocity_lightning_app_and_community_builder_components_reference.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_vlocity_lightning_app_and_community_builder_components_reference.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: e07a7756096cef78b3742949833e99ddb9e34d49dc16bace45a90d8cc337c29c
description: For the managed package runtime, build apps that cater to your specific needs with managed Vlocity Lightning components that are available by default in the Lightning App Builder and Community Builder.
products:
  - Omnistudio
release: "264"
---
# Vlocity Lightning App and Community Builder Components Reference (Managed Package)

For the managed package runtime, build apps that cater to your specific needs with managed Vlocity Lightning components that are available by default in the Lightning App Builder and Community Builder.

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

Managed Vlocity Lightning Components appear in the **Components** panel under **Custom - Managed** in the Lightning App Builder and under **Custom Components** in the Community Builder. These components are different from custom or generated Lightning web components, which appear in the **Components** panel under **Custom** in the Lightning App Builder and under **Custom Components** in the Community Builder.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <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="d51163e71">Component Name</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d51163e74">Description</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d51163e77">Builder</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d51163e80">Reference</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Action Toolbar</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Displays Vlocity Actions on a Lightning or Community page according to
              the Record Id present on the page.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_display_vlocity_actions_with_the_vlocity_action_toolbar.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, open Cards, Omniscripts, Experience Cloud site pages, web pages, documents, and external applications on a Lightning or Experience Cloud site record page.">Display
                Vlocity Actions with the Vlocity Action Toolbar</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Calculation Procedures</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Renders a Calculation Procedure on a Calculation&nbsp;Procedure&nbsp;Version page
              to enable configuration of the&nbsp;Calculation&nbsp;Procedure&nbsp;Version’s steps. The
              component isn’t configurable and picks up the
              Calculation&nbsp;Procedure&nbsp;Version’s ID internally.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">n/a</td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Cards</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Renders a Card on a page.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">
              <ul>
                <li>Community</li>

                <li>Lightning App</li>

              </ul>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_adding_a_vlocity_card_to_a_lightning_or_community_page.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, configure a Vlocity Cards Lightning component to render a Card Layout on a custom Lightning page or a Community page.">Adding a
                Vlocity Card to a Lightning or Community Page</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Cards Component Events</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Displays cards that refresh when profile attributes on the page are
              modified.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">
              <ul>
                <li>Community</li>

                <li>Lightning App</li>

              </ul>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_reloading_a_card_layout_after_updating_profile_attributes.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, to reload a Card Layout after updating profile attributes, configure a Vlocity Cards Component Events component. Enable a Vlocity Cards Component Events component on a Lightning Page through the Lightning App Builder and on a Community Page through the Community Builder.">Reloading a
                Card Layout After Updating Profile Attributes</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity ChatBot</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">The ChatBot component opens a Vlocity Conversation UI on a lightning
              page.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_vlocity_conversation_ui.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, Vlocity Conversation UI combines the familiar experience of online chat, with the robust transactional capabilities of Vlocity’s Industry Cloud solutions.">Vlocity Conversation
                UI</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity ChatBot Input</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">The ChatBot Input component accepts user input to launch the Vlocity
              Conversation UI from the Vlocity ChatBot Utility.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_vlocity_conversation_ui.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, Vlocity Conversation UI combines the familiar experience of online chat, with the robust transactional capabilities of Vlocity’s Industry Cloud solutions.">Vlocity Conversation
                UI</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity ChatBot Utility</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">The ChatBot Utility component is invoked by the ChatBot Input component
              to launch Vlocity Conversation UI from the Utility Bar.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_vlocity_conversation_ui.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, Vlocity Conversation UI combines the familiar experience of online chat, with the robust transactional capabilities of Vlocity’s Industry Cloud solutions.">Vlocity Conversation
                UI</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Lightning Profiler</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">The Lightning Profiler component enables you to apply profile attributes
              to a record from the record detail page.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_adding_profile_attributes_to_a_lightning_or_community_page.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, the Vlocity Lightning Profiler component adds profile attributes related to a record to a custom Lightning page.">Adding
                Profile Attributes to a Lightning or Community Page</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity LWC Omniscript Wrapper</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">The Vlocity LWC Omniscript Wrapper component uses URL parameters to
              determine which Omniscript opens and what information to pass into the
              Omniscript.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">
              <ul>
                <li>Lightning App</li>

                <li>Community</li>

              </ul>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_launch_an_lwc_omniscript_with_lwc_omniscript_wrapper.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, launch LWC Omniscripts on Community and Lightning pages using the Vlocity LWC Omniscript Wrapper component.">Launch an
                Omniscript with LWC Omniscript Wrapper</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Omniscript</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Displays an Omniscript. By default, the record Id is passed into the
              Omniscript as a ContextId even if one isn’t specified.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Community</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_launching_omniscript_from_a_community_or_lightning_record_page.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, the Vlocity LWC Omniscript Wrapper component hosts a single Omniscript that is invoked directly from a Community or Lightning Record Page. By default, the record Id that exists on a Lightning Record page passes as a parameter into the Omniscript as a context Id.">Launching
                Omniscript from a Community or Lightning Record Page</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Omniscript Knowledge Base</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Enables Omniscript to render Knowledge Base articles outside of the
              Omniscript.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_opening_knowledge_base_articles_outside_of_a_classic_omniscript.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, beginning with Vlocity Insurance and Health Winter '20 and Vlocity CME Winter '20, launch Knowledge articles outside of an Omniscript using the Vlocity Omniscript Knowledge Base component in a Community or Lightning page.">Opening
                Knowledge Base Articles Outside of a Classic Omniscript</a>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e71 ">Vlocity Power Launcher</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e74 ">Displays all Actions relevant to a Lightning Record page, or all Actions
              available by default to a Lightning page, in a Type Ahead.</td>

            <td data-label="Builder" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e77 ">Lightning App</td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d51163e80 ">
              <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_access_actions_in_a_lightning_page_with_the_power_launcher_component.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, access all the available Actions in a Lightning Page using the Power Launcher component's typeahead functionality. Enable Lightning Record Pages and Lightning App Pages to use the Power Launcher component by adding the Power Launcher Lightning Web Component to a Lightning Page.">Access
                Actions in a Lightning Page with the Power Launcher Component</a>
            </td>

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