Lightning: DynamicIcon | Animated Icon In Lightning Component

banner2_1

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:

ellie

<aura:component>
<lightning:dynamicIcon type="ellie" alternativeText="Ellie image"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

eq

<aura:component>
<lightning:dynamicIcon type="eq" option="play" alternativeText="chart loding in progress"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

strenth

<aura:component>
<lightning:dynamicIcon type="strength" option="2" alternativeText="Strength"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

waffle

<aura:component>
<lightning:dynamicIcon type="waffle" alternativeText="Application launcher"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

Attributes:

attribute


View this gist on GitHub

References:

 

Thanks

Arun Kumar

 

Arun Kumar

Arun Kumar is a Certified Salesforce developer and Salesforce Champions (Platform Champions), a Computer Science graduate, working on the Salesforce platform and providing customer solutions using force.com as a Salesforce consultant/developer. He is the founder of SFDCLessons. :)

Leave a Reply