We’re Heading to CNX ’25. Let's Meet in Chicago! Join HIC at Salesforce Connections'25 for conversations, collaboration, and co-creation.

Why create one more component when you can bypass it?

While navigating from one Salesforce Lightning Web Component to another Salesforce LWC, you’ll need a PageReference Object of Lightning Component Type that works only in the Salesforce Lightning Experience Salesforce Mobile App. This can be achieved by creating an additional Aura Component, but to do so you need to implement lightning:isUrlAddressable which will be added as an interface to directly navigate to Lightning Component via URL.

This blog will help you to navigate and pass values from Salesforce Lightning Web Component to another Lightning Web Component without creating an Aura Component. Let’s dive in.

Create two Salesforce Lightning Web Component,

  • sourcelwc
  • targetlwc

As the name suggests, sourcelwc will be responsible for taking user input and passing it to targetlwc. Enough talks let’s see the real magic.

Sourcelwc.html

This file has a button with the label name NAME which will navigate you to another lightning web component when you click on it.

Sourcelwc.js

The file defines the handleClick method and links it with the button in HTML markup to create a URL in the Base64 encoded form.

sourcelwc.js-meta.xml

Targetlwc

This creates is an input text field for displaying user input.

Tagerlwc.html

Tagerlwc.js

Let’s take a glimpse at the functionality.

Salesforce lwc, Salesforce lightning web component
Navigation in LWC and passing the values without using the Aura component2 1

This functionality is not only easy to implement but will also save your time and efforts required to create one more component. After all, why complicate the program with a few more lines of code?

Do try it out and let us know your thoughts on it!

Happy Coding!

Related Articles
Expert Guide On Utilizing Agentforce for Seamless Quote & Case Creation

When it comes to managing customer journeys in Salesforce, speed and accuracy matter. That’s where Agentforce, a powerful extension layer, comes into play. Whether spinning up a new quote from an opportunity or logging a support case from a contact, Agentforce can help streamline these actions with minimal clicks and maximum context. In this blog, […]

Read More
How to Use Platform Events in Salesforce Flow for Real Time Updates

Platform events in Salesforce Flow are a great tool for creating real-time, event-driven apps that automate business operations with precision and speed. By integrating Platform Events’ publish-subscribe approach with Salesforce Flow‘s low-code features, you can automate processes, allow real-time system interaction, and optimize how your organization manages dynamic data changes. This guide will demonstrate how […]

Read More
Build a Dynamic Salesforce Data Viewer with hange kardo bas LWC

Lightning Web Components (LWC) is a modern JavaScript framework that is used for building responsive, dynamic applications on the Salesforce platform. In LWC, data flows from parent-to-child component. Variables marked as @api in the child component are open for a parent to pass values directly into the child’s HTML template, making the component interactable. To […]

Read More
Expert Guide On Nominal XIRR Calculation Using LWC in Salesforce

When building financial tools within Salesforce, handling irregular cash flows with precision is a must. Whether you’re developing investment trackers, portfolio performance dashboards, or funding monitors, calculating Nominal XIRR (Extended Internal Rate of Return) becomes essential. In this blog, you’ll learn how to build a Lightning Web Component (LWC) in Salesforce that calculates Nominal XIRR […]

Read More
Beginners Guide to Making Your LWC Component Multilingual

If you’re wondering how to make your LWC component multilingual, you’re already ahead of the curve. Global users expect content in their native language, and Salesforce gives you the tools to deliver exactly that. With Custom Labels and the Translation Workbench, you can easily localize your Lightning Web Components without touching a single line of […]

Read More
Hands-On Guide Building a Drag-and-Drop Form Builder Using Lightning Web Components

Drag-and-drop interfaces are a user experience staple, and when paired with the power of Lightning Web Components (LWC), they unlock dynamic, highly interactive Salesforce components. In this blog post, we’ll walk you through how to build a custom drag-and-drop form builder in LWC. Users can drag form fields like text inputs and dropdowns into a […]

Read More
Our Location worldwide
Indian Flag India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203117884
United States of America Flag USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
United Kingdom Flag UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada Canada
HIC Global Solutions INC
6D - 7398 Yonge St #1124 Thornhill, ON L4J 8J2 Canada +1(262) 310-7818