🎨 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:
HolgerHatGarKeineNode
2026-01-23 23:00:02 +01:00
parent 578e4f13fc
commit b30fec150c
792 changed files with 307541 additions and 117 deletions

View File

@@ -0,0 +1,25 @@
@blaze
@php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
@props([
'iconVariant' => 'micro',
'icon' => 'x-mark',
])
@php
// When using the outline icon variant, we need to size it down to match the default icon sizes...
$iconClasses = Flux::classes()->add($iconVariant === 'outline' ? 'size-4' : '');
$classes = Flux::classes()
->add('p-1 -my-1 -me-1 opacity-50 hover:opacity-100')
;
@endphp
<button type="button" {{ $attributes->class($classes) }} data-flux-badge-close>
<?php if (is_string($icon) && $icon !== ''): ?>
<flux:icon :$icon :variant="$iconVariant" :class="$iconClasses" />
<?php else: ?>
{{ $icon }}
<?php endif; ?>
</button>