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:
29
resources/views/flux/callout/heading.blade.php
Normal file
29
resources/views/flux/callout/heading.blade.php
Normal file
@@ -0,0 +1,29 @@
|
||||
@blaze
|
||||
|
||||
@php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
|
||||
|
||||
@props([
|
||||
'iconVariant' => 'mini',
|
||||
'icon' => null,
|
||||
])
|
||||
|
||||
@php
|
||||
$classes = Flux::classes()
|
||||
->add('flex items-center gap-2 text-sm font-medium')
|
||||
;
|
||||
|
||||
$iconClasses = Flux::classes()
|
||||
->add('inline-block size-5 text-[var(--callout-icon)] dark:text-[var(--callout-icon)]')
|
||||
->add($attributes->pluck('class:icon'))
|
||||
;
|
||||
@endphp
|
||||
|
||||
<div {{ $attributes->class($classes) }} data-slot="heading">
|
||||
<?php if (is_string($icon) && $icon !== ''): ?>
|
||||
<flux:icon :icon="$icon" :variant="$iconVariant" :class="$iconClasses" />
|
||||
<?php elseif ($icon): ?>
|
||||
{{ $icon }}
|
||||
<?php endif; ?>
|
||||
|
||||
{{ $slot }}
|
||||
</div>
|
||||
Reference in New Issue
Block a user