Components

Collapsible

접을 수 있는 컴포넌트

Collapsible

Collapsible 컴포넌트는 콘텐츠를 접거나 펼칠 수 있는 컴포넌트입니다.

기본 사용법

import {  CollapsibleRoot,  CollapsibleTrigger,  CollapsibleContent,} from '@aift/ui/Collapsible';export default function Preview() {  return (    <div className="max-w-md">      <CollapsibleRoot>        <CollapsibleTrigger>토글</CollapsibleTrigger>        <CollapsibleContent>          접을 수 있는 콘텐츠        </CollapsibleContent>      </CollapsibleRoot>    </div>  );}

Checkbox

체크박스 컴포넌트

Dialog

다이얼로그 컴포넌트

On this page

Collapsible 기본 사용법

import {
  CollapsibleRoot,
  CollapsibleTrigger,
  CollapsibleContent,
} from '@aift/ui/Collapsible';

export default function Preview() {
  return (
    <div className="max-w-md">
      <CollapsibleRoot>
        <CollapsibleTrigger>토글</CollapsibleTrigger>
        <CollapsibleContent>
          접을 수 있는 콘텐츠
        </CollapsibleContent>
      </CollapsibleRoot>
    </div>
  );
}