The below link have enough information about embedding a LWC in Lightning flow but nothing about passing a variable value to LWC.


For example:- I have a variable in Lightning Flow called 'NewRecord'. The below LWC .js not fetching the value from Flow.

import { LightningElement, api } from 'lwc';
import { NavigationMixin } from 'lightning/navigation';

export default class TakeMeToClonedOrder extends NavigationMixin(LightningElement) {

@api NewRecord;
@api Message;

navigateToOrder() {
         type: 'standard__recordPage',
            attributes: {
                recordId: this.NewRecord,
                objectApiName: 'Order',
                actionName: 'view'

  • Do you have all the other targetConfig properties set? Commented Oct 16, 2019 at 22:53
  • yes, it looks like below. <targetConfigs> <targetConfig targets="lightning__FlowScreen"> <property name="NewRecord" type="String"/> <property name="Message" type="String"/> </targetConfig> </targetConfigs> Commented Oct 16, 2019 at 23:11

1 Answer 1


Sorry my bad, the issue is resolved. I missed to pass the value in Flow Screen -> LWC component. enter image description here

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .