1.0.0-canary.9f91de5.0 • Published 3 years ago
@vueable-material/ripple v1.0.0-canary.9f91de5.0
Ripple
v-ripple
Vue Directive for MDC Ripple - MDC Web (Material Components for Web).
Usage
npm install @vueable-material/ripple --save
Use in Vue Component
import { Ripple } from '@vueable-material/ripple';
export default {
directives: {
Ripple,
},
};
Define HTML and use MDC Web CSS/SCCSS
<template>
<div>
<div
class="mdc-ripple-surface mdc-typography mdc-typography--caption"
v-ripple
>
Ripple Text!
</div>
</div>
</template>
<style>
.mdc-ripple-surface {
padding: 8px;
}
</style>
Examples
See working examples at https://surevelox.github.io/vueable-material/
1.0.0-canary.9f91de5.0
3 years ago
1.0.0-canary.5b4ed31.0
3 years ago
1.0.0-canary.9d35cef.0
3 years ago
1.0.0-canary.9f9bbda.0
3 years ago
1.0.0-canary.bdcb658.0
3 years ago
1.0.0-canary.972b9b9.0
3 years ago
1.0.0-canary.cffaad7.0
3 years ago