New version 1.30.0 is now available 🎉 Introducing a useful command to search for component usage.

Powerful suite of Blade components for TALL Stack apps.

Clipboard

>= 1.7

Clipboard component.

<x-clipboard text="TallStackUI" />
 
<!-- Or -->
 
<x-clipboard>
TallStackUI
</x-clipboard>
<x-clipboard text="TallStackUI" left />
Copy the name of the library
<x-clipboard label="Library"
hint="Click to copy the library name"
text="TallStackUI" />

An option to transform the input in a password type.

Copy the name of the library
<x-clipboard text="TallStackUI" secret />
<x-clipboard x-on:copy="alert(`Copied: ${$event.detail.text}`)">
TallStackUi
</x-clipboard>
<x-clipboard text="TallStackUI" icon />
 
<!-- Or -->
 
<x-clipboard icon>
TallStackUI
</x-clipboard>

The icon style does not support label and hint.

<x-clipboard text="TallStackUI"
icon
:icons="['copy' => 'pencil', 'copied' => 'check']"/>

Code highlighting provided by Torchlight