Salesforce Lightning Web Component

Salesforce

lightning tree grid showing Account and its related Contacts and Opportunity in LWC in Salesforce

Sample Code: HTML: <template>     <div class="slds-p-around_medium lgc-bg">         <div class="slds-m-bottom_small">             <lightning-button label="Expand All"                               onclick={clickToExpandAll}>             </lightning-button>             <lightning-button label="Collapse All"                               onclick={clickToCollapseAll}>             </lightning-button>         </div>        <lightning-tree-grid ....

Salesforce

Simple lightning-button-menu example in Salesforce LWC

Sample code: HTML: <template> <div class="slds-box slds-theme--default"> <lightning-button-menu alternative-text="Show menu" variant="border-filled" onselect={handleOnselect} label="Actions"> <lightning-menu-item value="Account" label="Create Account"></lightning-menu-item> <lightning-menu-item value="Contact" label="Create Contact"></lightning-menu-item> <lightning-menu-item value="Lead" label="Create Lead"></lightning-menu-item> <lightning-menu-item value="Opportunity" label="Create Opportunity"></lightning-menu-item> </lightning-button-menu> ....

Salesforce

for:each in LWC HTML in Salesforce

Sample code: HTML: <template> <div class="slds-box slds-theme_default"> <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-table_col-bordered"> <thead> <tr> <th class="" scope="col"> <div class="slds-truncate" title="Account Name">Name</div> </th> <th class="" scope="col"> <div class="slds-truncate" title="Account Industry">Industry</div> </th> ....

Salesforce

LWC for Flow in Salesforce

HTML: <template>     <lightning-datatable key-field="Id"                          data={contacts}                          columns={columns}                          hide-checkbox-column="true"                          show-row-number-column="true"                          onrowaction={handleRowAction}>     </lightning-datatable> </template> JavaScript: import { LightningElement, api, track } from 'lwc'; import { NavigationMixin ....