🎨 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,20 @@
@props(['value'])
@php
$classes = Flux::classes()
->add('relative w-px min-h-4 min-w-4 flex flex-col justify-center items-center text-xs font-medium text-zinc-400 data-active:text-zinc-500 dark:text-white/70 dark:data-active:text-white whitespace-nowrap -translate-x-1/2')
->add('mt-2 has-data-flux-slider-tick-line:mt-1')
;
$tickLineClasses = Flux::classes()
->add('h-1 w-px bg-black/25 dark:bg-white/25')
;
@endphp
<div {{ $attributes->class($classes) }} data-flux-slider-tick data-value="{{ $value }}" size="sm" variant="subtle">
<?php if ($slot->isNotEmpty()): ?>
{{ $slot }}
<?php else: ?>
<span data-flux-slider-tick-line class="{{ $tickLineClasses }}"></span>
<?php endif; ?>
</div>