The v-dialog component inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks. Use dialogs sparingly because they are interruptive.

A dialog contains two slots, one for its activator and one for its content (default). Good for Privacy Policies.

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

어떤 이유로 activator 슬롯을 사용할 수 없을 경우, 선택창을 활성화하는 이벤트에 .stop 수식어(modifier)를 사용했는지 확인하세요(사용해야한다는 의미).

스크롤 되는 컨텐츠를 가진 대화창 예제

모달이 화면 크기에 맞지 않으면 컨텐츠를 스크롤할 수 있습니다..

대화창내의 간단한 폼 예제.

The v-dialog component makes it easy to create a customized loading experience for your application.

모바일 장치에서 공간이 부족할 경우 큰 화면을 가진 장치에서 쓰는 일반 대화창 보다 전체화면 대화창이 더 적당할 수도 있습니다.

Dialogs can be nested: you can open one dialog from another.

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!