CopyField

CopyField is part of the Forms set, imported from @jcsoftdev/ui/forms.

Import

import { CopyField } from "@jcsoftdev/ui/forms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/forms/copy-field.

Usage

<CopyField
  label="URL del webhook"
  value="https://api.example.com/webhooks/9f2c1"
/>

Props

Prop	Type	Default	Description
label *	ReactNode
value *	string		Text shown in monospace and written to the clipboard.
onCopy	((value: string) => void)		Called after the value was copied.
copyLabel	string		Accessible name of the button; defaults to the UI string copy.
copiedLabel	string		Announced and shown on the button after copying; defaults to the UI string copied.
classNames	Partial<Record<CopyFieldPart, string>>		Per-part classes merged with cn; consumer classes win. className still targets the root and is merged last.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Spanish Labels

Source

packages/ui/src/forms/copy-field/copy-field.tsx