The v-ripple directive is used to show action from a user. It can be applied to any block level element. Numerous components come with the ripple directive built in, such as the v-btn, v-tabs-item and many more.

기본적인 Ripple 효과는 그저 HTML 엘리먼트에 v-ripple 디렉티브를 추가하는것으로 작동할 수 있습니다.

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

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

헬퍼 클래스를 사용하여 리플의 색을 바꿀 수 있습니다.

When a center option is used ripple will always originate from the center of the target.

Some components provide the ripple prop that allows you to controll the ripple effect. You can turn it off or customize the behaviour by using class or center options.

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

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