Lightning: DynamicIcon | Animated Icon In Lightning Component

The Salesforce lightning component framework offers animated icons that represent various in-progress events. One can utilize these dynamic icons, provided by "lightning:dynamicIcon", in their lightning component. The post also includes example gists and attributes for further references.

The Salesforce lightning component design framework provides animated icons with different states that we can use in our lightning component.

“lightning:dynamicIcon” displays the dynamic icons that represent an event that’s in progress.

Here are some examples:

	<aura:component>
	<lightning:dynamicIcon type="ellie" alternativeText="Ellie image"/>
	</aura:component>

view raw gistfile1.txt hosted with ❤ by GitHub

	<aura:component>
	<lightning:dynamicIcon type="eq" option="play" alternativeText="chart loding in progress"/>
	</aura:component>

view raw gistfile1.txt hosted with ❤ by GitHub

	<aura:component>
	<lightning:dynamicIcon type="strength" option="2" alternativeText="Strength"/>
	</aura:component>

view raw gistfile1.txt hosted with ❤ by GitHub

	<aura:component>
	<lightning:dynamicIcon type="waffle" alternativeText="Application launcher"/>
	</aura:component>

view raw gistfile1.txt hosted with ❤ by GitHub

Attributes:

References:

Thanks

Arun Kumar

Arun Kumar is a Salesforce Certified Platform Developer I with over 7+ years of experience working on the Salesforce platform. He specializes in developing custom applications, integrations, and reports to help customers streamline their business processes. Arun is passionate about helping businesses leverage the power of Salesforce to achieve their goals.

Articles: 162