Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    marketplace-mod

    How to create dynamic component on a button click in Lightning

    In this blog, we will learn how to create a dynamic component on a button click in Lightning. Let’s get started!

    Create Dynamic Component on button click

    To create a dynamic component, first of all, you need to create a Lightning Event, in which you define a parameter of the component type.


    Now, on a button click we have to create a component, let us take an example of the model for this. We will first create the Modal component which will appear on the button click, and we will also register the event for removing it.

    Component-


    Controller-


    Let us create a component in which the component we just created above is dynamically created, and also we will handle the event, for removing the component.

    Component-


    Controller-

    Output

    Press Open Modal Button.

    As you repeat the process of opening and closing the modal, it will seem as simple CSS display: block and display: none is applied. But on each “Open Modal” button click the modal component is created and on the “Close” buttons click the component is destroyed.

     

    Support

    That’s all for how to create dynamic components on a button click in Lightning, still have any issue feel free to add a ticket and let us know your views to make the code better https://webkul.uvdesk.com/en/customer/create-ticket/

     

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index