componente · @solu30/ui-kit/input
CopyButton
Botón que copia un texto al portapapeles y cambia su etiqueta al confirmarlo.
10 sitios de import en 6 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- TheCharterPanel
- carlosmartinpavon
- cmp-packages
- gestorsalon
- luigi
- raquetea
El componente, montado
Cargando el componente del paquete instalado…
Cómo se usa
import { CopyButton } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| text | sí | string | — |
| label | opcional | string | — |
| copiedLabel | opcional | string | — |
| className | opcional | string | — |
Ejemplo del paquete
// Copia `text` al portapapeles y cambia la etiqueta un momento.
<CopyButton text={enlaceDeReserva} label="Copiar enlace" copiedLabel="¡Copiado!" />Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.