Components

Mini Cart

A cart dropdown with line items, quantity steppers, a live subtotal and checkout.

php artisan blatui:add mini-cart
{{-- The `open` prop defaults the panel open so the contents are visible in the docs. --}}
<x-ui.mini-cart
    open
    :items="[
        ['name' => 'Aero Runner Sneakers', 'variant' => 'Size 42 / White', 'price' => 89.00, 'qty' => 1, 'image' => 'https://picsum.photos/seed/blatcart1/120/120'],
        ['name' => 'Merino Wool Beanie', 'variant' => 'Charcoal', 'price' => 24.50, 'qty' => 2, 'image' => 'https://picsum.photos/seed/blatcart2/120/120'],
        ['name' => 'Canvas Tote Bag', 'variant' => 'Natural', 'price' => 18.00, 'qty' => 1, 'image' => 'https://picsum.photos/seed/blatcart3/120/120'],
    ]"
/>

Empty

{{-- No items → the empty state. Opened by default so the empty panel is visible. --}}
<x-ui.mini-cart open :items="[]" />