mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-03 07:01:38 +00:00
31 lines
639 B
HTML
31 lines
639 B
HTML
<!-- Flippable card -->
|
|
<ng-container *ngIf="flippable">
|
|
|
|
<!-- Front -->
|
|
<div class="fuse-card-front">
|
|
<ng-content select="[fuseCardFront]"></ng-content>
|
|
</div>
|
|
|
|
<!-- Back -->
|
|
<div class="fuse-card-back">
|
|
<ng-content select="[fuseCardBack]"></ng-content>
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
<!-- Normal card -->
|
|
<ng-container *ngIf="!flippable">
|
|
|
|
<!-- Content -->
|
|
<ng-content></ng-content>
|
|
|
|
<!-- Expansion -->
|
|
<div
|
|
class="fuse-card-expansion"
|
|
*ngIf="expanded"
|
|
[@expandCollapse]>
|
|
<ng-content select="[fuseCardExpansion]"></ng-content>
|
|
</div>
|
|
|
|
</ng-container>
|