Clipboard

>= 1.7

Clipboard component.

Clipboard, Personalization Blocks

This content is part of TallStackUI personalization.

Example:

TallStackUi::personalize()
    ->clipboard()
    ->block('block', 'classes');

The soft personalization should be done in boot method of service providers.

# Basic Usage

<x-clipboard text="TallStackUI" />
 
<!-- Or -->
 
<x-clipboard>
    TallStackUI
</x-clipboard>

# Button at Left

<x-clipboard text="TallStackUI" left />

# Label & Hint

Library

Copy the name of the library

<x-clipboard label="Library"
             hint="Click to copy the library name"
             text="TallStackUI" />

# Secret Content

An option to transform the input in a password type.

Library

Copy the name of the library

<x-clipboard text="TallStackUI" secret />

# Events

<!-- The listener receive the content copied in $event.detail.text -->
 
<x-clipboard x-on:copy="alert(`Copied: ${$event.detail.text}`)">
    TallStackUi
</x-clipboard>

# Icon Style

<x-clipboard text="TallStackUI" icon />
 
<!-- Or -->
 
<x-clipboard icon>
    TallStackUI
</x-clipboard>

The icon style does not support label and hint.

# Using Different Icons

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