Design Resource in Lightning Component Bundle

Design is a part of lightning component bundle. We will get the access of lightning component's attributes from Lightning App Builder. So Administrators can change the lightning component attributes as per requirement.

For Example:-
Lightning Component  [DesignResourceDemo.cmp]

<aura:component implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" access="global"> <aura:attribute name="backgroundColor" type="String" default="#000000"/> <div style="{!background-color:' + v.backgroundColor}">This is default description.</div> </aura:component>

Lightning Component  [DesignResourceDemo.design ]

design:component design:attribute name="backgroundColor" label="Background Color" description="Enter Background Color" design:component

SVG Resource:-

SVG is also a part of lightning component bundle. It is to define a custom icon for the lightning component when it appears in the Lightning App Builder's component panel.

To know more live demo source code in Salesforce lightning, Trigger, Visualforce & LWC, Use this link..