CheckoutBanner

Post-checkout notification banner. Place at site root level. Hidden by default — auto-shows after Stripe checkout success or cancellation. Auto-dismisses after configurable delay.

Supports Children: any

Structure

Children: Container (banner content with bg-success text-success-content) → Text (confirmation message) + optional dismiss Button. The banner reads the `cart:checkout-status` state key (written by the cart provider as `success` or `cancel` after Stripe redirect) and reveals itself for the configured duration.

Properties

PropertyTypeDescriptionExamples
positionstring
top | bottom
Fixed position of the banner
Default: "top"
-
autoDismissnumber
Auto-dismiss after N milliseconds. 0 = never auto-dismiss.
Default: 8000
-
canDeleteboolean
-
Default: true
-
canEditNameboolean
-
Default: true
-
customobject
-
-
classNamestring
Tailwind classes for the banner wrapper
flex flex-col