Reusable UI components for common functionality
A shadcn/ui alert component that displays subscription/purchase information and opens a pricing modal when clicked.
Show Props
The title of the alert. Usually a translation key from the portal namespace.
The description text shown in the alert. Usually a translation key from the portal namespace.
The description text shown in the pricing modal dialog. Usually a translation key from the portal namespace.
The user’s current subscription object. Used to highlight the current plan in the pricing modal.
Array of the user’s purchases. Used to show which one-time purchases have been made.
The current user object. Used for displaying user-specific information in the pricing modal.
Show Example
<PaywallAlert
title={tPortal('noPlan.alert.title')}
description={tPortal('noPlan.alert.description')}
dialogDescription={tPortal('noPlan.alert.dialogDescription')}
subscription={subscription}
purchases={[]}
user={user}
/>
Show Features