I am able to add a lightning-spinner in an LWC component, but I'm not able to display the text along with the spinner. I need some help regarding the same. I tried both alternate-text in HTML & content in CSS file - both dint work.
HTML :-
<div class="exampleHolder">
<template if:true={showLoadingSpinner}>
<lightning-spinner alternative-text="Fetching Fields of the Object......" size="medium"></lightning-spinner>
</template>
</div>
CSS is as follows:-
.exampleHolder{
margin: auto;
content :'Fetching Fields of the Object......';
display: inline-block;
width: 80px;
height: 80px;
text-align: center;
font-weight: bold;
}
alternative-text
is displayed when the spinner is not loaded due to some reason/s.