For the managed package runtime, take advantage of Vlocity's declarative 'clicks not code' approach to building and modifying your applications with the Vlocity Lightning Web Components. With Vlocity Lightning Web Components, use standard JavaScript and HTML to modify and extend Vlocity products.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
Vlocity Lightning Web Components are:
-
Fast and Lightweight. Runs natively in browsers and is independent from JavaScript frameworks.
-
Reusable.Vlocity Lightning Web Components use web components to create reusable custom HTML elements. Custom elements wrap functionality, protecting components from other styles and scripts on the page.
|
Required Versions |
|---|
|
Available beginning with Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19. |
While some Vlocity Lightning web components appear in the Community and App Builders, they differ from the Vlocity Lightning Components that also appear in the builders. Vlocity Lightning Web Components follow the same standards as Salesforce's Lightning Web Components. For more information on Lightning Web Component standards, see Lightning Web Components.
Vlocity Lightning Web Components Reference
|
Component Type |
Description |
References |
|---|---|---|
|
Base |
Basic components used by the entire Vlocity platform. Extend or modify base components to customize appearance and behavior. |
ReadMes: Base Vlocity LWC ReadMe Reference |
|
Cards (Classic) |
Components specific to Vlocity Cards built in the Vlocity Card Designer when LWC is enabled. |
|
|
Digital Commerce Lightning Web Components |
Components specific to Vlocity Communications, Media, and Energy. |
Digital Commerce Lightning Web Components |
|
Omniscript |
Components specific to Omniscript. |
ReadMes: Omniscript ReadMe Reference |
|
Insurance |
Components specific to Health and Insurance products. |
Insurance Lightning Web Component UI Development Kit |
Omnistudio Flexcards are built with the Lightning Web Components programming model and share base components. Flexcards are created in the Flexcard Designer.
- Set Up Lightning Web Components (Managed Package)
For the managed package runtime, to manage and develop Omnistudio Lightning web components, use Visual Studio Code with Salesforce DX or IDX Workbench. Both development approaches have source control. Salesforce DX integrates with Visual Studio Code. IDX Workbench lets you deploy components from one sandbox or dev org to another, such as a production org, and compare source and target files. - Extend Vlocity Lightning Web Components (Managed Package)
For the managed package runtime, customize the behavior and styling of an application by extending Vlocity Lightning web components. For example, override properties, add other components, or insert HTML. - Deploy Lightning Web Components (Managed Package)
For the managed package runtime, deploy new Lightning web components or change existing components from your local development environment with Visual Studio and Salesforce DX or IDX Workbench. - Launch Lightning Web Component URLs with vlocityLWCWrapper (Managed Package)
For the managed package runtime, add the vlocityLWCWrapper to make Lightning web components in a Lightning page URL addressable. Lightning web components are not URL addressable by default. The vlocityLWCWrapper wraps the Lightning web component in a URL addressable aura component. - Access Actions in a Lightning Page with the Power Launcher Component (Managed Package)
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. - Base Vlocity LWC ReadMe Reference (Managed Package)
For the managed package runtime, view examples, and learn about available attributes, methods, and other functions from the ReadMes of each Base Vlocity Lightning web component.