mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-28 07:43:18 +00:00
🎨 Add new Flux icons: implement multiple reusable icon components (e.g., hand-raised, hand-thumb-up, heart, hashtag, home) with variant support for improved UI consistency.
This commit is contained in:
22
resources/views/flux/input/copyable.blade.php
Normal file
22
resources/views/flux/input/copyable.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
@blaze
|
||||
|
||||
@php
|
||||
$attributes = $attributes->merge([
|
||||
'variant' => 'subtle',
|
||||
'class' => '-me-1',
|
||||
'square' => true,
|
||||
'size' => null,
|
||||
]);
|
||||
@endphp
|
||||
|
||||
<flux:button
|
||||
:$attributes
|
||||
:size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
|
||||
x-data="{ copied: false }"
|
||||
x-on:click="copied = ! copied; navigator.clipboard && navigator.clipboard.writeText($el.closest('[data-flux-input]').querySelector('input').value); setTimeout(() => copied = false, 2000)"
|
||||
x-bind:data-copyable-copied="copied"
|
||||
aria-label="{{ __('Copy to clipboard') }}"
|
||||
>
|
||||
<flux:icon.clipboard-document-check variant="mini" class="hidden [[data-copyable-copied]>&]:block" />
|
||||
<flux:icon.clipboard-document variant="mini" class="block [[data-copyable-copied]>&]:hidden" />
|
||||
</flux:button>
|
||||
Reference in New Issue
Block a user