Utilities
Helper Components
Get Started
Initial Setup
Utilities
Legal
Marketing & Analytics
Deployment
Utilities
Helper Components
Reusable UI components for common functionality
Paywall Components
A shadcn/ui alert component that displays subscription/purchase information and opens a pricing modal when clicked.
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.
<PaywallAlert
title={tPortal('noPlan.alert.title')}
description={tPortal('noPlan.alert.description')}
dialogDescription={tPortal('noPlan.alert.dialogDescription')}
subscription={subscription}
purchases={[]}
user={user}
/>
- 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
On this page