SBUx

기존 홈페이지 바로가기

SBUx

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

Dropdown 드롭다운

드롭다운 컴포넌트는 버튼이나 영역을 클릭했을 때 추가 옵션이나 메뉴를 표시하는 인터페이스 요소입니다.
다양한 속성과 상태를 통해 표시 위치, 열림·닫힘 동작, 선택 항목 등을 제어할 수 있습니다.

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

API

Attribute
Discription
show-list-item-count
드롭다운의 메뉴 표시 갯수를 설정합니다.
show-breadcrumb-text
드롭다운의 메뉴 항목 클릭 시 트리 구조의 깊이를 breadcrumb 형태로 나타나도록 설정하는 속성입니다.
direction
드롭다운의 항목들이 나타나는 방향을 지정하는 속성입니다. up / down 중 선택 가능합니다.
tooltip
UI 요소 위에 마우스를 올리거나 포커스할 때 간단한 정보를 나타냅니다.
popover
UI 요소와 관련된 추가 정보를 표시하는 컴포넌트입니다. 툴팁보다 더 많은 내용과 인터랙션을 담을 수 있습니다.
데모 아이콘 카카오톡 바로가기 아이콘