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 appears when pagehub:checkout-success or pagehub:checkout-cancel events fire.

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