Copy

El componente Copy es un componente que muestra contenido que al hacer click copia un texto definido.

Ejemplo

Importacion

Para importar el componente Copy, se puede hacer desde fenextjs o fenextjs-component

import { Copy, CopyProps } from "fenextjs/cjs/component/Copy";

import { Copy, CopyProps } from "fenextjs-component/cjs/Copy";

Parametros

Propiedad	Tipo	Requerido	Descripción
text	string	no	El texto para copiar.
children	ReactNode	no	Contenido del componente.
onClickForCopy	(text: string) => void	no	Función a ejecutar al hacer clic para copiar.
notification	NotificationDataProps	no	Datos para la notificación asociada al componente.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

Uso básico del componente Copy

<Copy
  text="Texto a copiar"
  onClickForCopy={(text) => console.log(`Texto copiado: ${text}`)}
  notification={{ type: "info", message: "Texto copiado exitosamente" }}
>
  {/* Contenido del componente */}
</Copy>

Content Show Counter