thegeneralyst/AnopaDocs
Cart

Clear Cart Button

Wraps a custom button design and clears the entire cart on click, disabling itself when the cart is empty.

What it does

AP_ClearCartButton wraps a custom button design and clears the entire cart when clicked. It clears all items from the cart store in a single action and automatically disables itself when the cart is already empty, preventing redundant actions.

The component exposes a data-state attribute that reflects either ready or disabled, allowing you to target and style the button via CSS based on its current state. If no button is connected to the Clear Button slot, the component shows a helpful canvas message in Framer so you know it still needs to be wired up.

Property Controls

ControlTypeDefaultDescription
Clear ButtonNoneSlot for your custom clear cart button design. When clicked, it clears all items from the cart and automatically disables when the cart is empty.