netgescon-day0/resources/views/components/netgescon/submenu-pill.blade.php

18 lines
612 B
PHP

@props([
'href' => '#',
'active' => false,
'icon' => null,
])
<a href="{{ $href }}" {{ $attributes->merge(['class' => 'netgescon-submenu-pill '.($active ? 'active' : '')]) }}>
@if($icon)
<i class="{{ $icon }} me-1"></i>
@endif
<span>{{ $slot }}</span>
</a>
<style>
.netgescon-submenu-pill{ padding:.35rem .6rem; border:1px solid var(--netgescon-gray-200); border-radius:999px; color:#374151; background:#fff; }
.netgescon-submenu-pill:hover{ background:#f9fafb; color:#111827; }
.netgescon-submenu-pill.active{ background:#eef2ff; border-color:#c7d2fe; color:#1d4ed8; }
</style>