SBUx

기존 홈페이지 바로가기

SBUx

SBUx로 만드는 간단한 업무화면! SBUx Template 바로가기 화살표

Accordion 아코디언

아코디언 컴포넌트는 여러 항목 중 하나의 내용을 펼쳐서 볼 수 있도록 구성된 인터페이스 요소입니다.
다양한 속성과 상태를 통해 열림/닫힘 동작, 전환 애니메이션, 다중 열림 여부 등을 제어할 수 있습니다.

행정안전부 로고 전자정부 디자인 시스템 보러가기 전자정부 디자인 시스템 바로가기

API

Attribute
Discription
title-glyphs-placement
아이콘 위치를 변경하는 속성입니다. left / right 속성 중에서 선택 가능합니다.
jsondata-collapse-glyphs (json)
아코디언이 접혀있을 때 아이콘 모양을 변경하는 속성입니다. plus / minus / penceil / start 등 다양한 모양이 있습니다.
jsondata-expanded-glyphs (json)
아코디언이 펼쳐져있을 때 아이콘 모양을 변경하는 속성입니다. plus / minus / penceil / start 등 다양한 모양이 있습니다.
jsondata-css-style (json)
아코디언 리스트의 초기 스타일을 지정합니다.
데모 아이콘 카카오톡 바로가기 아이콘