Add To Cart

A stateful add-to-cart button that animates idle → adding → added.

php artisan blatui:add add-to-cart

<x-ui.add-to-cart />

Icon Only

{{-- Hide the label with :label="false" and give the button an accessible name. --}}
<x-ui.add-to-cart :label="false" size="icon" aria-label="Add to cart" />

Sizes

<div class="flex flex-wrap items-center gap-3">
    <x-ui.add-to-cart size="sm" />
    <x-ui.add-to-cart />
    <x-ui.add-to-cart size="lg" />
</div>