LWC Archives

Override the standard CSS of a Lightning button using CSS styling hooks

Currently, it is possible to customize CSS for standard Lightning Base Components using styling hooks. What are Styling Hooks Styling hooks leverage CSS custom properties, simplifying the process of customizing component styling. By using CSS custom properties as hooks, we can easily personalize the SLDS (Salesforce Lightning Design System) component with our desired style. Where …

Override the standard CSS of a Lightning button using CSS styling hooks Read More »

Utilizing Expressions in LWC with if true and if:false

Aura, LWC, Salesforce

Expressions enable us to dynamically control the rendering and display of elements in the markup based on specified conditions. Aura Expressions In Aura, as shown above, we can directly write expressions in the markup. However, in LWC, it is not possible to directly write expressions in the markup. Instead, we need to write expressions in …

Utilizing Expressions in LWC with if true and if:false Read More »

Implementing Google reCAPTCHA in a Aura Lightning Component

LWC, Salesforce

INTRODUCTION Goal is to be able to put captcha the validate the form hosted in LWC using google reCaptcha. STEPS To configure Google reCAPTCHA and obtain the Site Key and Secret Key, follow these steps: Please note that these steps are a general guideline, and the exact process may vary based on the specific version …

Implementing Google reCAPTCHA in a Aura Lightning Component Read More »

How to Choose LWC or Aura component?

Aura, LWC

Always choose Lightning Web Components unless you need a feature that isn’t supported. There are following features which are not supported in LWC.