# Mini Cart A cart dropdown with line items, quantity steppers, a live subtotal and checkout. - Install: `php artisan blatui:add mini-cart` - Source: https://blatui.remix-it.com/r/mini-cart.json - Composer: `composer require mallardduck/blade-lucide-icons gehrisandro/tailwind-merge-laravel` - npm: `npm install -D @alpinejs/anchor @alpinejs/focus` ## resources/views/components/ui/mini-cart.blade.php ```blade @props([ 'items' => [], // [['name','variant'?,'price','qty','image'?], ...] 'currency' => '$', 'open' => false, // demo/initial open state — defaults the panel open so reviewers see it ]) @php // Normalise each line item to a stable shape. `id` keys the Alpine x-for so removing // one row never re-binds another; derived from the seeded index (stable for this render). $lineItems = collect($items)->values()->map(fn ($it, $i) => [ 'id' => $i, 'name' => (string) ($it['name'] ?? ''), 'variant' => isset($it['variant']) && $it['variant'] !== '' ? (string) $it['variant'] : null, 'price' => (float) ($it['price'] ?? 0), 'qty' => max(1, (int) ($it['qty'] ?? 1)), 'image' => $it['image'] ?? null, ])->all(); @endphp

twMerge('relative inline-block') }} > {{-- Trigger: cart icon + a live count badge. Labelled for screen readers; the visible badge is aria-hidden because the count is already in the accessible name. --}} {{-- Teleported to so the panel is never clipped by an overflow-hidden ancestor. --}}

```