Copy button
Clipboard action with temporary copied feedback.
Loading interactive example
Use CopyButton for clipboard actions that need short, local confirmation. Copy and confirmation icons crossfade on the base motion step. Reduced motion switches them immediately.
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
copiedIcon | IconGlyph | prop | No | CheckIcon |
copiedLabel | string | prop | No | 'Copied' |
label | string | prop | No | 'Copy' |
size | ButtonSize | prop | No | 'md' |
tone | 'neutral' | 'success' | prop | No | 'neutral' |
value | string | prop | Yes | |
variant | ButtonVariant | prop | No | 'ghost' |
Examples
Source
Loading source