AI Components / Copy Button
Copy Button
One-click copy with "Copied!" confirmation, clipboard fallback, 3 variants.
ai-essentials v0.5.0
Playground
Examples
Variants
<cg-stack direction="row" gap="md"><ai-copy-button value="npm install @cognivo/components" label="Copy install command"></ai-copy-button><ai-copy-button value="sk-abc123" variant="minimal" label="Copy"></ai-copy-button><ai-copy-button value="Hello" variant="icon-only"></ai-copy-button></cg-stack>Import
import { AiCopyButton } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-copy-button';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Text to copy |
label | string | "Copy" | Button label |
variant | "default"|"minimal"|"icon-only" | "default" | Visual variant |
Events
| Event | Detail | Description |
|---|---|---|
ai-copy-success | {value} | Copy succeeded |