Click To Copy Vue.js component
Please consider starring the project to show your ❤️ and support.
Install with npm:
npm i vaah-vue-clicktocopy
Register the component
import Vue from 'vue'
import VaahVueClickToCopy from 'vaah-vue-clicktocopy'
Vue.component('vh-copy', VaahVueClickToCopy)
You can pass following props
to the vue components:
<vh-copy class="btn btn-primary"
:data="'Data string to Copy'"
:label="'Text String to Display'"
:confirm_dialog="'buefy'"
@copied="copiedData"
></vh-copy>
OR
You can write label in between the tags as well:
<vh-copy class="btn btn-primary"
:data="'Data string to Copy'"
:confirm_dialog="'buefy'"
@copied="copiedData">
Copy
</vh-copy>
OR
You can also write html tag for icon or anything:
<vh-copy class="btn btn-primary"
:data="'Data string to Copy'"
:confirm_dialog="'buefy'"
@copied="copiedData">
<!--code for icon-->
</vh-copy>
WebReinvent is a web agency based in Delhi, India. You'll find an overview of all our open source projects on github.
The MIT License (MIT). Please see License File for more information.
-
To generate vue npm package: https://github.com/team-innovation/vue-sfc-rollup
-
To check download stats: http://npm-stats.org/#/vaah-vue-clicktocopy