K
KoreUI

Clipboard

UI

Componente para copiar texto al portapapeles con feedback visual.

Uso básico

<x-kore::clipboard text="npm install kore-ui" />
<x-kore::clipboard text="npm install kore-ui" />

Variantes

Tres variantes disponibles: input (default), inline e icon.

API Key
192.168.1.100
git clone https://github.com/example/repo.git 
{{-- Input (default) --}}
<x-kore::clipboard text="sk_live_abc123" label="API Key" />

{{-- Inline --}}
<x-kore::clipboard text="192.168.1.100" variant="inline" />

{{-- Icon only --}}
<span>git clone https://github.com/example/repo.git</span>
<x-kore::clipboard text="git clone https://github.com/example/repo.git" variant="icon" />
{{-- Input (default) --}}
<x-kore::clipboard text="sk_live_abc123" label="API Key" />

{{-- Inline --}}
<x-kore::clipboard text="192.168.1.100" variant="inline" />

{{-- Icon only --}}
<span>git clone https://github.com/example/repo.git</span>
<x-kore::clipboard text="git clone https://github.com/example/repo.git" variant="icon" />

Modo secreto

Oculta el texto visible usando type password o dots.

Token
•••••••• 
{{-- Input: muestra type="password" --}}
<x-kore::clipboard text="super-secret" label="Token" :secret="true" />

{{-- Inline: muestra dots --}}
<x-kore::clipboard text="secret" variant="inline" :secret="true" />
{{-- Input: muestra type="password" --}}
<x-kore::clipboard text="super-secret" label="Token" :secret="true" />

{{-- Inline: muestra dots --}}
<x-kore::clipboard text="secret" variant="inline" :secret="true" />

Props

Prop Tipo Default Descripción
text string null Texto a copiar
variant string input Variante: input, inline, icon
label string|null null Etiqueta (solo variante input)
secret bool false Oculta el texto (password/dots)
feedbackDuration int 2000 Duración del feedback en ms

Configuración

Puedes personalizar los defaults en config/kore-ui.php.

config/kore-ui.php 
'clipboard' => [
    'variant' => 'input',
],
'clipboard' => [
    'variant' => 'input',
],