16 lines
464 B
HTML
16 lines
464 B
HTML
<!-- #docplaster -->
|
|
<nav>
|
|
<button (click)="toggle()">Toggle Open/Close</button>
|
|
</nav>
|
|
|
|
<!-- #docregion callbacks -->
|
|
<div [@openClose]="isOpen ? 'open' : 'closed'"
|
|
(@openClose.start)="onAnimationEvent($event)"
|
|
(@openClose.done)="onAnimationEvent($event)"
|
|
class="open-close-container">
|
|
<!-- #enddocregion callbacks -->
|
|
<p>The box is now {{ isOpen ? 'Open' : 'Closed' }}!</p>
|
|
<!-- #docregion callbacks -->
|
|
</div>
|
|
<!-- #enddocregion callbacks -->
|