상점

기업

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.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

어떤 이유로 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.

Ready for more? Continue reading with:

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