diff options
Diffstat (limited to 'packages')
-rw-r--r-- | packages/web-util/src/components/CopyButton.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/web-util/src/components/CopyButton.tsx b/packages/web-util/src/components/CopyButton.tsx index fd7f8b3b4..dbb38b474 100644 --- a/packages/web-util/src/components/CopyButton.tsx +++ b/packages/web-util/src/components/CopyButton.tsx @@ -1,4 +1,4 @@ -import { h, VNode } from "preact"; +import { ComponentChildren, h, VNode } from "preact"; import { useEffect, useState } from "preact/hooks"; export function CopyIcon(): VNode { @@ -17,7 +17,7 @@ export function CopiedIcon(): VNode { ) }; -export function CopyButton({ class: clazz, getContent }: { class: string, getContent: () => string }): VNode { +export function CopyButton({ class: clazz, children, getContent }: { children?: ComponentChildren, class: string, getContent: () => string }): VNode { const [copied, setCopied] = useState(false); function copyText(): void { if (!navigator.clipboard && !window.isSecureContext) { @@ -43,12 +43,14 @@ export function CopyButton({ class: clazz, getContent }: { class: string, getCon copyText() }} > <CopyIcon /> + {children} </button> ); } return ( <button class={clazz} disabled> <CopiedIcon /> + {children} </button> ); } |