Framework

Framework

Basic

기본적인 multiple 아코디언 예시입니다.

기본 정보

텍스트와 입력 필드 예시

선택 영역

셀렉트 컴포넌트 예시

버튼 영역

버튼 예시

Open Mode

한 개만 열리는 single 모드와 여러 개를 자유롭게 여는 multiple 모드를 비교합니다.

single

Panel 1

첫 번째 패널

Panel 1 Content

Panel 2

두 번째 패널

Panel 3

세 번째 패널

multiple

Panel 1

첫 번째 패널

Panel 2

두 번째 패널

Panel 3

세 번째 패널

Initial Open

페이지 최초 진입 시 none / first / all 상태를 확인할 수 있습니다.

initialOpen = "none"

초기 패널 1

초기 패널 2

초기 패널 3

initialOpen = "first"

초기 패널 1

Initial Content 1

초기 패널 2

초기 패널 3

initialOpen = "all"

초기 패널 1

Initial Content 1

초기 패널 2

Initial Content 2

초기 패널 3

Initial Content 3

Default Open Ids

defaultOpenIds로 특정 패널만 기본 열림 상태로 지정할 수 있습니다.

Default 1

Default 2

Default Content 2

Default 3

Default Content 3

Disabled

disabled 항목은 열고 닫을 수 없습니다.

활성 패널

열고 닫을 수 있습니다.

Active Content

비활성 패널

disabled 상태

활성 패널 2

열고 닫을 수 있습니다.

Slot

아코디언 본문을 슬롯으로 연결합니다.

진행 상태

slot으로 내용 연결

이 콘텐츠는 슬롯으로 렌더링됩니다.

액션

버튼 직접 배치