[Salesforce / Lightning] Simple Custom Modal Alert

Hello everybody!

This is an "easy peasy" post that comes from a recent two-weeks full immersion on Lightning Components task I got into at work: there will be more content from this activity and a Cagliari DG presentation as well.

For all the TL;DR guys (and again, I'm one of you!), here is the Github Repository.

The Alert Modal shows an alert modal through a custom event fired from your Lightning components:

?

1 2 3 4 5 6 7 8 9 10

var evt = $A.get("e.c:AlertEvt");         evt.setParams({             "show": true,                     //shos alert             "mode": 'prompt',                 //alert mode: prompt, alert, toast             "fixed": false,                   //fixed does not shows any "close" button             "type": 'info',                   //type of alert: info, success, warning, error             "message": 'Title Message',       //main title             "details": 'Message Details. . .' //details message         });         evt.fire();

The event is caught up by the AlertCmp Lightning component that shows the request alert:

Besides the prompt mode, you can use the alert mode:

And a toast mode:

You can test the component in the provided Lightning app: