Layout: label
Layout: icon
Layout: both (icon + label)
Custom icon
Beside code
sk_live_abc123xyz789Button variants
Loading
Copied
Disabled
Full width
Animation variants
animationVariant — click each control to compare press feedback.
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| text | Optional | string | — | String written to clipboard. |
| layout | Optional | "label" | "icon" | "both" | label | Text only, icon only, or icon + label. |
| children | Optional | ReactNode | Copy | Label before copy (label / both). |
| icon | Optional | ReactNode | — | Copy glyph for icon / both (built-in default). |
| copiedIcon | Optional | ReactNode | — | Success glyph after copy (icon / both). |
| copiedLabel | Optional | string | Copied | Label after success. |
| copyLabel | Optional | string | — | aria-label for icon-only mode. |
| animationVariant | Optional | PressAnimationVariant | default | Press animation — forwarded to Button. |
| loading / copied | Optional | boolean | — | Force loading or copied UI (docs / controlled previews). |
| minFeedbackMs | Optional | number | 520 | Min loading visibility (avoids flash). |
| copiedResetMs | Optional | number | 2000 | Copied state duration. |
| variant / size | Optional | ButtonVariant / ButtonSize | — | Same as Button. |