You need to sign in to do that
Don't have an account?
Matrix Returns
Can please let me know ? How this following lines work in lightning component ?
<button class="slds-button slds-button_icon slds-button_icon-border-filled" tabindex="0"> <svg class="slds-button__icon" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#bold" /> </svg> <span class="slds-assistive-text">Bold</span> </button>
Mark as best answer, If it resloves !! 1. Button tags which help you display button in lightning component.
2. svg tag is a icon which display which stores in /assets/icons/utility-sprite/svg/symbols.svg#bold
3. Span tag which display Bold with CSS
CSS
slds-button
slds-button_icon
slds-button_icon-border-filled
slds-assistive-text
above each CSS class contains different styling which will apply on button in lightning component.
Mark as resloved if it helps :) :)
Thanks,
Bhanu Prakash
visit ForceLearn.com (https://www.forcelearn.com/)
Also I am not able to understand this line xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#bold" where it is store ?? in my org ?? assest file??
please elaborate .
Thank you
Mark as best answer, If it resloves !!
Also, most probably lightning doesn't support <use/> tag
https://www.lightningdesignsystem.com/components/icons/
you need to modify your svg code like below
<SVG> tags is or you can place you SVG code between <![CDATA[ code ]]>
Mark as resloved if it helps :) :)
Thanks,
Bhanu Prakash
visit ForceLearn.com (https://www.forcelearn.com/)
gets this image after using
<![CDATA[ ]]>
This is my lightning code.
line no 70, you need to add input line