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

https://gist.github.com/arun12209/79c02d764b08592c03421cb7ea1ef769.js

References:

 

Thanks

Arun Kumar

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s