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.
What it does
AP_ClearCartButton is a wrapper component for any custom button design that, when clicked, removes all items from the cart. It automatically manages its own disabled state, ensuring the button is never interactive when the cart is already empty.
How to set it up
Property Controls
Clear Button
—
Connect your designed button instance here. The component wraps it and fires the clear-cart action on click. Automatically disabled when the cart is empty.