Display Lightning Web Component in Outlook Salesforce Panel

Display Lightning Web Component in Outlook Salesforce Panel

To display Lightning Web Component in Outlook Salesforce Panel, target lightning__Inbox should be used.

1. Create a Lightning Web Component.

Sample Lightning Web Component:

HTML:

<template>
    Testing Lightning Web Component in Outlook
</template>

JavaScript:

import { LightningElement } from 'lwc';

export default class OutlookComponent extends LightningElement {

}

js-meta.xml:

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>55.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__Inbox</target>
    </targets>
</LightningComponentBundle>

2. Enable “Customize Content with App Builder”. Click “Create New Pane”.

3. Add the Lightning Web Component in the App Builder and test it.

Output:

Display Lightning Web Component in ...
Display Lightning Web Component in Outlook Salesforce Panel

Leave a Reply