import FORM_FACTOR from '@salesforce/client/formFactor' can be used to find the viewing device in Salesforce Lightning Web Component. Large - Desktop Device Medium - iPad Device Small - iPhone Device Sample ....
import FORM_FACTOR from '@salesforce/client/formFactor' can be used to find the viewing device in Salesforce Lightning Web Component using which we can Hide and Show based on the viewing Device. Sample ....
navigator.clipboard.writeText() can be used to copy text to Clipboard in Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card> <div style="padding:0.5rem;background:grey"> <div class="slds-text-color_inverse"> Sample Clipboard Text <lightning-button-icon icon-name={iconName} ....
preventDefault() on the contextmenu event can be used to prevent right click in Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> Testing <lightning-input label="Text" type="text"> ....
The GraphQL wire adapter can be used in the Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> <lightning-datatable key-field="Id" data={accountRecords} columns={columns} hide-checkbox-column> </lightning-datatable> </div> </lightning-card> ....
role="outputOnly" should set in the property tag for the targetConfig targets="lightning__FlowScreen" tag to pass data from Salesforce Lightning Web Component to Flow. Sample Lightning Web Component: HTML: <template> <lightning-card> <lightning-datatable ....
Salesforce Lightning Web Component lightning/navigation can be used to open a record from Flow. HTML: <template> </template> JavaScript: import { LightningElement, api } from 'lwc'; import { NavigationMixin } from ....
To preview the File in Salesforce Lightning Web Component, we need the Content Document Id and the Content Version Id. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> <template ....
For Salesforce Lightning Web Component File Upload and Preview Link, we can use lightning-file-upload to upload file and Lightning Navigation for Preview URL. Sample Lightning Web Component: HTML: <template> <lightning-card> <div ....
Refs in Salesforce Lightning Web Component allows us to locate DOM elements without a selector querySelector. This will be very helpful when the querySelector has to iterate multiple elements. Sample ....