Apex Code Development You need to sign in to do that
Don't have an account?
SLDS: Icon as button
Hi there,
I am trying to create buttons, but instead of text (multiple language support) I would like to use icons.
For now: I would like these:
- up
- down
- edit
- delete
I have two questions:
- Where can I find the icons SLDS provides? (i.e. a list of all icons)
- How do I execute a function when someone clicks a button(icon) ?
Thanks in advance!
I am trying to create buttons, but instead of text (multiple language support) I would like to use icons.
For now: I would like these:
- up
- down
- edit
- delete
I have two questions:
- Where can I find the icons SLDS provides? (i.e. a list of all icons)
- How do I execute a function when someone clicks a button(icon) ?
Thanks in advance!
Icons are at https://lightningdesignsystem.com/icons
Button:
<button class="slds-button" onclick="{!c.moveItemUp}"> <lightning:icon iconName="utility:up" size="medium" alternativeText="Move this item up" /> </button>This will execute the functionmoveItemUp : function (component, event, helper) { alert('Move Item Up'); }in the controller of the component.All Answers
Icons are at https://lightningdesignsystem.com/icons
Button:
<button class="slds-button" onclick="{!c.moveItemUp}"> <lightning:icon iconName="utility:up" size="medium" alternativeText="Move this item up" /> </button>This will execute the functionmoveItemUp : function (component, event, helper) { alert('Move Item Up'); }in the controller of the component.