Brand your lightning component

Do you want to brand your lightning component while display under app builder? here it is an out of box feature to show an icon for your lightning component. All you need to do is to design an SVG icon for your component and add under the SVG supporting file of your lightning component.

Also, ThemeColorConfigure.design can also be used to configure the display name of the ThemeColorConfigure.cmp in app builder using the attribute 'label' for the design:component . In this example, I have given as 'Theme Color Picker', so that the name will be displayed under the available custom lightning component list.

Here is an example to show the icon and label for the lightning component and will see how it looks like in the app builder.


Screenshot from App Builder:

follow me @ramsujesh