@codeeshop/vue-clipboard/README.md

Copy the text data in clipboard from element selection or pass the text data

# vue-clipboard

> 🚥 Copy the text data in clipboard from element selection or pass the text data 

[![npm](https://img.shields.io/badge/npm-3.0.0-blue)](https://www.npmjs.com/package/@codeeshop/vue-clipboard)
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/codeeshop-oc/vue-clipboard/blob/main/LICENSE)
[![bit](https://img.shields.io/badge/components-1-yellowgreen)](https://github.com/codeeshop-oc/vue-clipboard/blob/main/src/Clipboard.vue)
[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/codeeshop-oc/vue-clipboard/issues?&q=is%3Aissue+is%3Aopen)

## Version Support

Vue 3 - Current Branch ( TypeScript + Vite + vitest )

[Vue 2](https://github.com/codeeshop-oc/vue-lightbox-advanced/tree/vue2)

## 🎨 Features

Find out all available features on [setting props](https://github.com/codeeshop-oc/vue-clipboard/blob/main/docs/API.md#props) and see how that works on [examples](https://codeeshop-oc.github.io/vue-clipboard/).


## 🚚 Installation

### yarn/npm

```bash
# npm
npm i @codeeshop/vue-clipboard
# yarn
yarn add @codeeshop/vue-clipboard
```

### cdn

```bash
# latest
https://unpkg.com/@codeeshop/vue-clipboard
```

<br/>

## 🚀 Quick Start

```html
<template>
  <div>
    <VueClipboard />
  </div>
</template>

<script>
  import VueClipboard from '@codeeshop/vue-clipboard'
  import '@codeeshop/vue-clipboard.css'
  
  export default {
    name: 'MyComponent',
    components: { VueClipboard },
  }
</script>
```

<br/>

## 🔖 License

This software is licensed under the [MIT](https://github.com/codeeshop-oc/vue-clipboard/blob/main/LICENSE).