Utilidades
Copy
Un componente que copia texto al portapapeles con retroalimentación visual.
Tests
62%
Uso
El componente SCopy permite a los usuarios copiar texto al portapapeles con un solo clic. Muestra un icono de copiar que cambia a un estado de éxito y muestra un tooltip cuando el texto es copiado.
Con prop value
Usa la prop value para especificar el texto a copiar. Si no se proporciona, el componente copiará el contenido de texto del slot por defecto.
Sin prop value
Cuando no se proporciona la prop value, el componente copia automáticamente el contenido de texto renderizado dentro del slot por defecto.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
value | string | - | Texto a copiar al portapapeles. Si no se proporciona, copia el contenido del slot |
class | string | - | Clases CSS adicionales |
Eventos
| Evento | Payload | Descripción |
|---|---|---|
copied | string | Se emite cuando el texto es copiado, con el valor copiado |
Slots
| Nombre | Descripción |
|---|---|
default | Contenido mostrado junto al icono de copiar. También se usa como texto de respaldo a copiar si value no se proporciona |