Merge pull request #667 from AnnMarieW/update-copy-button

Copy Buttons -change timeout default to 1000

Author: AnnMarieW

src/ts/components/core/button/CopyButton.tsx

@@ -15,7 +15,7 @@ import { getTargetText } from '../../../utils/dash3';
 interface Props extends DashBaseProps, BoxProps, StylesApiProps {
     /** Value to be copied to clipboard */
     value: string;
-    /** Copied status timeout in ms, `500` by default */
+    /** Copied status timeout in ms, `1000` by default */
     timeout?: number;
     /** Controls button `height`, `font-size` and horizontal `padding`, `'sm'` by default */
     size?: MantineSize | `compact-${MantineSize}` | (string & {});
@@ -51,7 +51,7 @@ interface Props extends DashBaseProps, BoxProps, StylesApiProps {
 /** CopyButton - Button component with copy to clipboard functionality */
 const CopyButton = ({
     value = '',
-    timeout = 500,
+    timeout = 1000,
     triggerCopy = false,
     children,
     copiedChildren,

src/ts/components/core/button/CustomCopyButton.tsx

@@ -8,7 +8,7 @@ import { resolveProp } from '../../../utils/prop-functions';
 interface Props {
     /** Value to be copied to clipboard */
     value: string;
-    /** Copied status timeout in ms, `500` by default */
+    /** Copied status timeout in ms, `1000` by default */
     timeout?: number;
     /** Function that receives {copied, copy} and returns a component  See https://www.dash-mantine-components.com/functions-as-props*/
     children?: any;
@@ -21,7 +21,7 @@ interface Props {
 /** CustomCopyButton - custom component with copy to clipboard functionality */
 const CustomCopyButton = ({
     value,
-    timeout = 500,
+    timeout = 1000,
     children,
     setProps
 }: Props) => {