Clipboard
Copy a value and provide feedback when copying succeeds or fails.
Preview
Import
import { Clipboard } from "@sigil-ui/components";Usage
<Clipboard value="npx @sigil-ui/cli init" />Copy errors are shown inline and can be retried. A custom render function receives copied, error, and copy.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | — |
timeout | number | 2000 | Time in ms before resetting to idle state. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-sm | Radius sm |
--s-text-muted | Text muted |
--s-border | Border |
--s-border-style | Border style |
--s-surface | Surface |
--s-surface-elevated | Surface elevated |
--s-duration-fast | Duration fast |
--s-primary | Primary |