Lightning Bolt Emojis in Salesforce Lightning Web Component

Lightning Bolt Emojis in Salesforce Lightning Web Component

lightning-icon can be used in the Salesforce Lightning Web Component to display Lightning Bolt Emojis.

Sample Lightning Web Component Code:

HTML:

<template>
    <lightning-card>
        <div class="slds-p-around_medium">
            <lightning-icon 
                icon-name="utility:connected_apps" 
                size="large">
            </lightning-icon>
        </div>
        <div class="slds-p-around_medium">
            <lightning-icon 
                icon-name="standard:lightning_component" 
                size="large">
            </lightning-icon>
        </div>
        <div class="slds-p-around_medium">
            <lightning-icon 
                icon-name="standard:custom_notification" 
                size="large">
            </lightning-icon>
        </div>
    </lightning-card>
</template>

JavaScript:

import { LightningElement } from 'lwc';
export default class sampleLightningWebComponent extends LightningElement {}

js-meta.xml:

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

Output:

Leave a Reply