Please find the following steps to create Modal Dialog using Lightning Component –
- Open https://www.lightningdesignsystem.com/downloads/ website and download the Design System Zip.
- Upload the file which is downloaded in step1 as a Static Resource (Give the name as “SLDS”).
- Create a Lightning Component to refer the SVG Icons while referring in Lightning App/ Lightning Component as below –
<aura:component >
<aura:attribute name="class" type="String" description="CSS classname for the SVG element" />
<aura:attribute name="xlinkHref" type="String" description="SLDS icon path. Ex: /assets/icons/utility-sprite/svg/symbols.svg#download" />
<aura:attribute name="ariaHidden" type="String" default="true" description="aria-hidden true or false. defaults to true" />
</aura:component>