# CopyButton

> Client island: the copy button a code block carries.

```ts
import { CopyButton } from "@sdxc/ui/docs";
```

Renders the button. The island loads from the bare `@sdxc/ui/docs/copy-button` specifier,
which the app's browser entry maps to a dynamic import; until then the button is inert
and the code beside it stays selectable.

## Examples

```tsx
<pre><code id="install">npm add @sdxc/ui</code></pre>
<CopyButton target="install" label={t("code.copy")} copiedLabel={t("code.copied")} />
```

## Props

Takes no props of its own.