Paywall Components
component
A shadcn/ui alert component that displays subscription/purchase information and opens a pricing modal when clicked.
Show Props
Show Props
string
required
The title of the alert. Usually a translation key from the portal namespace.
string
required
The description text shown in the alert. Usually a translation key from the portal namespace.
string
required
The description text shown in the pricing modal dialog. Usually a translation key from the portal namespace.
Subscription | null
required
The user’s current subscription object. Used to highlight the current plan in the pricing modal.
Purchase[]
required
Array of the user’s purchases. Used to show which one-time purchases have been made.
User
required
The current user object. Used for displaying user-specific information in the pricing modal.
Show Example
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
Show Features
- Displays a shadcn/ui Alert component with customizable title and description
- Opens a pricing modal when clicked
- Highlights the user’s current subscription plan in the modal
- Shows which one-time purchases have been made
- Fully integrated with the i18n translation system
- Responsive design that works on all screen sizes