Popover Specs

States

각 선택지에 대한 상태가 존재합니다.

각 버튼에 대한 상태가 존재합니다.

Dropdown popover는 두 사이즈 옵션으로 제공됩니다.

Button popover의 너비는 내부 버튼 개수에 따라 유동적으로 늘어나지만 최대 너비 352px을 넘을 수 없습니다. 최대 너비를 넘어가면 화살표 버튼으로 이동하며 가려졌던 내용물을 볼 수 있습니다.

Context popover의 최소 너비는 320px, 최대 너비는 800px입니다.

Context popover sizing — min 320px, max 800px

Dropdown popover 내부의 선택지는 다양한 포맷으로 표현될 수 있습니다.

Button popover는 맥락 요소를 가리키는 tail과 함께 사용될 수 있습니다. 내부에서 동반되는 액션은 일반 버튼 또는 아이콘 버튼으로 표현될 수 있습니다.

Button context는 상황에 맞게 맥락 요소 기준 네 방향으로 배치될 수 있습니다. 이 때 tail의 방향도 알맞게 표현됩니다.

Context popover는 필요한 경우 타이틀, 버튼 그룹, 탭 등의 요소와 함께 사용할 수 있습니다.