fonteva-design-guide
Version:
## Dev, Build and Test
78 lines (77 loc) • 3.15 kB
HTML
<template>
<div class={classes}>
<div class="pfm-page__content">
<c-pfm-container>
<c-pfm-row>
<c-pfm-column padding size="auto">
<c-pfm-text
type="heading"
size="x-large"
weight="bold"
transform="uppercase"
class="slds-m-bottom_small"
>
<slot name="title"></slot>
</c-pfm-text>
</c-pfm-column>
</c-pfm-row>
<c-pfm-row>
<c-pfm-column padding size="auto">
<c-pfm-text class="slds-m-bottom_small">
<slot name="description"></slot>
</c-pfm-text>
</c-pfm-column>
</c-pfm-row>
<template if:false={hideExample}>
<c-pfm-row data-name="example">
<c-pfm-column padding size="auto">
<c-pfm-tile margin="vertical:medium">
<slot name="example"></slot>
</c-pfm-tile>
</c-pfm-column>
</c-pfm-row>
</template>
<c-pfm-row>
<c-pfm-column padding size="auto">
<c-pfm-text class="slds-m-bottom_small">
<slot name="snippet"></slot>
</c-pfm-text>
</c-pfm-column>
</c-pfm-row>
<c-pfm-row>
<c-pfm-column padding size="auto">
<c-pfm-text class="slds-m-bottom_small">
<slot name="attributes"></slot>
</c-pfm-text>
</c-pfm-column>
</c-pfm-row>
<template if:false={hideMethods}>
<c-pfm-row>
<c-pfm-column padding size="auto">
<c-pfm-text>Methods</c-pfm-text>
<slot name="methods"></slot>
</c-pfm-column>
</c-pfm-row>
</template>
</c-pfm-container>
</div>
<template if:true={hasLeftSidebar}>
<div class="pfm-page__left">
<c-pfm-container>
<c-pfm-row vertical>
<slot name="left"></slot>
</c-pfm-row>
</c-pfm-container>
</div>
</template>
<template if:true={hasRightSidebar}>
<div class="pfm-page__right">
<c-pfm-container>
<c-pfm-row vertical>
<slot name="right"></slot>
</c-pfm-row>
</c-pfm-container>
</div>
</template>
</div>
</template>