Skip to Content
PatternsDesign PatternsUI DesignDialogs

Dialogs

Dialog | Design에서 더 많은 정보를 확인할 수 있습니다.

Dimmed Background

Dialog는 항상 Dim 배경과 함께 사용합니다.

Dialog with dim background

Height

높이는 내용에 따라 유동적으로 변동됩니다.

Dialog height example 1
Dialog height example 2

최대 높이는 화면의 위 아래 여백 40px을 제외합니다. 내용이 길어질 경우, Dialog내에서 스크롤됩니다.

Multiple Dialog

필요한 경우, 2중으로 Dialog가 띄워질 수 있습니다. Dialog위에 Dim을 깔고 Dialog가 표시됩니다.

Multiple stacked dialogs