Lightning modals with quick action panel component

Telegram logo Join our Telegram Channel

Now you can use the standard lightning-quick-action-panel standard component from the LWC framework to create quick actions. You can include all your code inside the quick action panel component to create quick actions. All the code inside it will be shown inside a lightning modal popup.

Here is the sample code.

Basic Modal Popup

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<lightning-quick-action-panel header="My action">
    Here's some content for the modal body.

    <div slot="footer">
        <lightning-button
            variant="neutral"
            label="Cancel"
        ></lightning-button>
        <lightning-button
            variant="brand"
            label="Save"
            class="slds-m-left_x-small"
        ></lightning-button>
    </div>
</lightning-quick-action-panel>



No comments :
Post a Comment

Hi there, comments on this site are moderated, you might need to wait until your comment is published. Spam and promotions will be deleted. Sorry for the inconvenience but we have moderated the comments for the safety of this website users. If you have any concern, or if you are not able to comment for some reason, email us at rahul@forcetrails.com