Displays an icon button used to copy a value into the clipboard.
asChildcolorcopyLabelstringfullyDisabledBy default, the `disabled` prop will use the `aria-disabled` attribute to ensure that content remains focusable and accessible even when in a disabled state. If you are sure you want to disable the button and take measures to ensure its accessibility, you can set this prop to `true` to use the `disabled` attribute instead.
heightnumberloadingsizewidthnumberstateAlso supports MarginProps: `m`, `mb`, `ml`, `mr`, `mt`, `mx`, `my`
Use Copy Button within a Text Field slot when user might need to copy a unique value.
3 variants found
/p/:portalSessionId/log-streams/:logStreamId/s3
/p/:portalSessionId/log-streams/:logStreamId/generic-https
2 variants found
/:environmentId/applications/:applicationId
<Flex align="center" gap="2" justify="between">
<Text size="2">{clientId}</Text>
<CopyButton
color="gray"
size="1"
onClick={() => {
void navigator.clipboard.writeText(clientId);
}}
/>
</Flex>Also supports MarginProps: m, mb, ml, mr, mt, mx, my
stateType: "disabled" | "normal" | "loading"Used 23 times across 2 packages
color
size
23 files
/branding/edit
/:environmentId/applications/:applicationId
/code-editor
Show 13 more files