Collapsible

트리거로 섹션을 보이거나 숨깁니다.

Order #4189

StatusShipped

Shipping address

100 Market St, San Francisco

Items

2x Studio Headphones

설치

npm install @refineui/react @refineui/tokens

사용법

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@refineui/react";

<Collapsible defaultOpen>
  <CollapsibleTrigger>Details</CollapsibleTrigger>
  <CollapsibleContent>
    Hidden until the trigger opens it.
  </CollapsibleContent>
</Collapsible>

open과 onOpenChange로 제어형으로 사용할 수 있습니다. CollapsibleTrigger는 기본적으로 Button ghost를 렌더합니다(layout, size 등 Button props 전달 가능). asChild로 커스텀 자식에 병합할 수 있습니다. 닫힌 content는 마운트된 채 숨겨집니다.