HTML example

AssetsList.html

<template>
    <ul class="list-view-accordion">
        <li class="slds-accordion__list-item">
            <section class="slds-accordion__section slds-is-open listHeader">
                <div class="slds-accordion__summary slds-grid slds-grid_vertical">
                    <div class="slds-grid slds-grid_align-spread">
                        <h2 class="slds-accordion__summary-heading slds-grid_vertical-align-center">
                            <lightning-icon icon-name="standard:home" size="small" class="slds-m-right_small"></lightning-icon>
                            <span class="slds-accordion__summary-content">{titleName}</span>
                        </h2>
                        <div>
                            <lightning-formatted-number value={totalValue} 
                                class="" format-style="currency" 
                                currency-code="USD"
                            ></lightning-formatted-number>
                            <lightning-badge label="0.01%" 
                                data-variant="success" 
                                class="slds-m-left_x-small feature-badge"
                            ></lightning-badge>
                            <lightning-button-stateful
                                icon-name-when-off="utility:chevrondown"
                                icon-name-when-on="utility:chevronup"
                                variant="text"
                                selected={istoggleSelected}
                                onclick={handletogglebuttonClick}>
                            </lightning-button-stateful>
                            <!-- Adding child cmp-->
                            <c-assets-residential-property-list
                                asset-name="testName"
                            ></c-assets-residential-property-list>

                        </div>
                    </div>
                </div>
            </section>
        </li>
    </ul>
</template>