Collapsible

Import

import {Collapsible} from '@astryxdesign/core/Collapsible';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Collapsible hides and reveals content behind a trigger button. Use it in settings panels, FAQ pages, or detail views to keep the page scannable while letting users drill into se...

Important props

이 컴포넌트는 주요 variant prop보다 children/compound pattern 중심으로 사용합니다.

Theming targets

Best practices

• DoWrap each Collapsible in an Card for visual separation in accordion layouts.
• DoUse CollapsibleGroup with type="single" for settings or FAQ pages where only one section should be open at a time.
• DoUse type="multiple" when users need to compare content across sections, like feature lists or pricing tiers.
• DoStart sections open (defaultIsOpen) when the content is likely needed on first view; don't make users click to see essential info.