@php use Filament\Support\Enums\IconSize; @endphp @props([ 'aside' => false, 'collapsed' => false, 'collapsible' => false, 'compact' => false, 'contentBefore' => false, 'description' => null, 'headerEnd' => null, 'heading' => null, 'icon' => null, 'iconColor' => 'gray', 'iconSize' => IconSize::Large, ]) @php $hasDescription = filled((string) $description); $hasHeading = filled($heading); $hasIcon = filled($icon); $hasHeader = $hasIcon || $hasHeading || $hasDescription || $collapsible || filled((string) $headerEnd); @endphp
class([ 'fi-section', match ($aside) { true => 'grid grid-cols-1 items-start gap-x-6 gap-y-4 md:grid-cols-3', false => 'rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10', }, ]) }} > @if ($hasHeader)
$collapsible, match ($compact) { true => 'px-4 py-2.5', false => 'px-6 py-4', } => ! $aside, ]) > @if ($hasIcon) 'text-gray-400 dark:text-gray-500', default => 'text-custom-500 dark:text-custom-400', }, match ($iconSize) { IconSize::Small, 'sm' => 'h-4 w-4 mt-1', IconSize::Medium, 'md' => 'h-5 w-5 mt-0.5', IconSize::Large, 'lg' => 'h-6 w-6', default => $iconSize, }, ]) @style([ \Filament\Support\get_color_css_variables($iconColor, shades: [400, 500]) => $iconColor !== 'gray', ]) /> @endif @if ($hasHeading || $hasDescription)
@if ($hasHeading) {{ $heading }} @endif @if ($hasDescription) {{ $description }} @endif
@endif {{ $headerEnd }} @if ($collapsible) @endif
@endif
$aside, 'border-t border-gray-200 dark:border-white/10' => $hasHeader && (! $aside), 'md:order-first' => $contentBefore, ]) >
$aside, match ($compact) { true => 'p-4', false => 'p-6', }, ]) > {{ $slot }}