fonteva-design-guide
Version:
## Dev, Build and Test
35 lines (34 loc) • 1.34 kB
HTML
<template>
<div class="pfm-collapse">
<template if:false={noHeader}>
<div class={headerClasses}>
<div>
<slot name="header"></slot>
</div>
<template if:true={loader}>
<div class="js-disable">
<c-pfm-button type="link" label="label" aria-label={labels.loading}></c-pfm-button>
</div>
</template>
<template if:false={loader}>
<c-pfm-button
data-name="collapseAndExpandAction"
onclick={expand}
variant="link"
aria-expanded={collapseState}
aria-label={labels.title}
disable-loader
>
<div class="pfm-collapse_icon">
<div class="pfm-collapse_icon-dash"></div>
<div class="pfm-collapse_icon-dash"></div>
</div>
</c-pfm-button>
</template>
</div>
</template>
<div class="pfm-collapse_content">
<slot name="content"></slot>
</div>
</div>
</template>