CopyButton

import { CopyButton } from '@hanzo/ui/product'

Types

export interface CopyButtonProps {
  /** The text placed on the clipboard. */
  value: string
  /**
   * Visible text beside the glyph — "Copy key", "Copy address". Omit for the
   * bare square the icon form has always been.
   *
   * There is no second prop and no variant to pick, because the two forms differ
   * in exactly one thing: whether the label is drawn. A control standing alone —
   * under a minted key, beside a wire instruction — has no neighbours to explain
   * it, and an unlabeled glyph there is a guess; inside a code header or a table
   * row the label is noise. Passing the text is what asks for it.
   */
  children?: ReactNode
  /** The tooltip and the accessible name. Defaults to the visible text, else "Copy". */
  label?: string
  /** Edge of the glyph's square. Default 24. */
  size?: number
  /** Names the copied thing in analytics ("api-key", "address"). Never the value. */
  id?: string
  /** Everything else the box accepts. A copy control is often hover-revealed,
   *  which needs a class or an opacity through. */
  props?: Omit<ComponentProps<typeof XStack>, 'children' | 'role' | 'onPress'>
}

Exports