HTML: <template> <lightning-input-rich-text value={myVal} onchange={handleChange}> </lightning-input-rich-text> <lightning-button variant="brand" label="Click!" title="Looks like a link" onclick={handleClick} class="slds-m-left_x-small"></lightning-button> </template> JavaScript: import { LightningElement } from 'lwc'; export default class SampleLWC extends LightningElement { ....
To adjust or update the CSS properties for lightning-tab in Salesforce Lightning Web Component, we can make use of Styling Hooks. Sample Code: Sample Lightning Web Component: HTML: <template> <lightning-card class="slds-p-around_small"> ....
Salesforce Lightning Design System (SLDS) styling hooks make it easy to customize component styling and express your brand. Styling hooks provide CSS custom properties that correspond to SLDS component blueprints ....
Using Apex, we can query the Custom Metadata Type records. Using wire framework, we can call the apex class and method from Lightning Web Component and display it using lightning-datatable. ....
lightning-record-form can be used in the Salesforce Lightning Web Component for Picklist field inline editing. Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) ....
Sample Code: Apex Class: public with sharing class ProductController { @AuraEnabled( cacheable = true ) public static List< PricebookEntry > fetchProducts() { return [ SELECT Id, Product2.Name, IsActive, UnitPrice, Product2.Family ....
Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) public static List< Account > fetchAccounts() { return [ SELECT Id, Name, Industry, ParentId, RecordTypeId ....
Sample Code: HTML: <template> Record id is {recId} </template> JavaScript: import { LightningElement, wire } from 'lwc'; import { CurrentPageReference } from 'lightning/navigation'; export default class CommunityQueryParam extends LightningElement { ....
Use type: 'boolean' if you're passing a boolean value to a column to display a checkmark for a true value. Sample Code: Apex Class: public class AccountController { @AuraEnabled( cacheable ....
HTML: <template> <div class="slds-box slds-theme--default"> <lightning-record-edit-form record-id={recordId} object-api-name={objectAPIName} onsuccess={handleSuccess} onsubmit={handleSubmit}> <lightning-messages> </lightning-messages> <lightning-input-address address-label="Address" street-label="Street" city-label="City" country-label="Country" province-label="State/ Province" postal-code-label="Zip/ Postal Code" onchange={addressInputChange} show-address-lookup> </lightning-input-address> <lightning-button class="slds-m-top_small" type="submit" label="Update Address"> ....