# @astro-github-elements/clipboard-copy

> An Astro wrapper for the '@github/clipboard-copy' web component, an easy to use copy to clipboard button

Latest version **0.0.4** (published 2022-11-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install @astro-github-elements/clipboard-copy
pnpm add @astro-github-elements/clipboard-copy
yarn add @astro-github-elements/clipboard-copy
bun add @astro-github-elements/clipboard-copy
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2022-11-04 |
| First published | 2022-09-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Bryce Russell |
| Maintainers | brycerussell |
| Keywords | astro, astro-component, astro-bryceguy, github-elements, web component, clipboard, copy |

## Links

- npm: https://www.npmjs.com/package/@astro-github-elements/clipboard-copy
- Repository: https://github.com/BryceRussell/astro-github-elements
- Homepage: https://github.com/BryceRussell/astro-github-elements/tree/main/packages/clipboard-copy#readme
- Issues: https://github.com/BryceRussell/astro-github-elements/issues
- npm.io page: https://npm.io/package/@astro-github-elements/clipboard-copy

## Dependencies (1)

- [@github/time-elements](https://npm.io/package/@github/time-elements.md) ^3.1.4

## Recent versions

- 0.0.4 (latest) — 2022-11-04
- 0.0.3 — 2022-09-28
- 0.0.2 — 2022-09-23
- 0.0.1 — 2022-09-22

## README

# `@astro-github-elements/clipboard-copy`

This is a astro wrapper for the [@github/clipboard-copy-element](https://github.com/github/clipboard-copy-element#readme) component, it does a few things:

- Makes importing component easier
- Adds typing to props

## How to Use

```
npm i @astro-github-elements/clipboard-copy
```

```tsx

---
import { ClipboardCopy } from '@astro-github-elements/clipboard-copy';
---

<ClipboardCopy value="copy me">Click me</ClipboardCopy>
```

**Output**:
```
<clipboard-copy value="copy me">Click me</clipboard-copy>
```

## Documentation

You can find the API for this component here: [@github/clipboard-copy-element](https://github.com/github/clipboard-copy-element#readme)

---
_Source: https://npm.io/package/@astro-github-elements/clipboard-copy · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._