CopyButton

CopyButton defines how EnterUI handles a small button that copies text and announces copied state visually, including default structure, accessible states, and token-driven styling.

#Default usage

<CopyButton text="pnpm install @froggdesign/enter-ui-react @froggdesign/theme" />

#Import

import { CopyButton } from "@froggdesign/enter-ui-react";

#Patterns

#Accessibility

CopyButton updates its aria label between the default and copied state. Clipboard access happens on user click.

#API

• text is required.
• label, copiedLabel, and resetDelay customize behavior.
• Extends button props except custom children.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.