billing pattern
Subscription cancelled
Confirmation screen after cancelling a subscription. Show end-of-period date and reactivation path.
When to use it
User confirmed cancellation in the customer portal or settings.
- Reassure data is preserved until period end
- Reactivate in one click
- Optional feedback survey
Layout regions
- header
- main
States
- default
- loading
Example
<Container variant="md"><Card><CardHeader><CardTitle>Your subscription is set to cancel</CardTitle><CardDescription>Access continues until {endDate}.</CardDescription></CardHeader><CardFooter><Button onClick={reactivate}>Reactivate subscription</Button></CardFooter></Card></Container>The full Subscription cancelled pattern specifies 3 exact microcopy strings, 1 motion spec, 4 composition rules — all gated behind the full recipe. Get the full recipe.