auto animate

agnusdei·2023년 9월 22일
0

https://auto-animate.formkit.com/

    <cdk-accordion-item auto-animate #accordionItem="cdkAccordionItem"
                [class.bg-gray-50]="accordionItem.expanded"
                class="flex flex-col items-start justify-center gap-5 p-5 border-b border-gray-200 cursor-pointer sm:px-10"
                *ngFor="let item of terms">
                <div class="flex items-center justify-between w-full" (click)="accordionItem.toggle()">
                    <lepi-checkbox label="이용약관(필수)" />
                    <lepi-icon name="heroicons:chevron-down" [class.rotate-180]="accordionItem.expanded"
                        class="w-6 h-6 transition-transform bg-gray-500" />
                </div>
                <div class="p-5 text-slate-600 font-content bg-slate-50" *ngIf="accordionItem.expanded"
                    [innerHtml]="item.content">
                </div>
            </cdk-accordion-item>
  1. 자동으로 애니메이션을 넣어주는 lib

0개의 댓글