Implement Parent and Child LWC Communication

Implement a simple parent-child LWC interaction using a public child property and a custom event.

You can explore this challenge without signing in.

Read the problem, review the starter code and try your solution. Sign in when you're ready to submit and save your progress.

Challenge

Version 1

Lightning Web Components•Medium

Implement Parent and Child LWC Communication

Implement a simple parent-child LWC interaction using a public child property and a custom event.

Business Scenario

A parent Lightning Web Component needs to pass the current record context to a child component. When the user chooses an item in the child, the child must notify the parent so the parent can react to that selection.

Expected Behavior

The parent provides the current record value to the child.
The child exposes the incoming value as part of its public component API.
The child notifies its parent when the user chooses an item.
The parent handles the notification from the child.

Constraints

Use standard parent-to-child LWC data flow.
Use standard child-to-parent LWC event communication.
Keep the child independent of the parent's internal implementation.

Expected Artifacts

Child component JavaScript
Child component template
Parent component JavaScript
Parent component template

What to Submit

Relevant JavaScript and template snippets for both components in one submission.

Progressive Hints

Code Editor

Implement the required LWC JavaScript and template artifacts.

752 characters

Salesforce checks correctness. OrgReady reviews engineering quality.