Vuetify

상점

기업

v-overlay 특정 엘리먼트 또는 부분을 강조 할 수 있게 도와주는 컴포넌트 입니다. Overlay는 앱의 상태변화를 유저에게 알려줄 수 있으며 Loader, Dialog 등 다양한 컴포넌트를 구현하는데 사용될 수 있습니다.

v-overlay 컴포넌트는 앱상에 어두운 레이어를 추가합니다.

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

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

absolute overlays are positioned absolutely and contained inside of their parent element.

opacity allows you to customize the transparency of v-overlay components.

z-index gives you the ability to easily change the stack order of the v-overlay component.

Using the v-overlay as a background, add a progress component to easily create a custom loader.

Using the v-hover, we are able to add a nice scrim over the information card with additional actions the user can take.

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

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