Get Started
Initial Setup
Utilities
Legal
Marketing & Analytics
Deployment
On this page
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.
Show Props
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
Show Example
Copy
<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
Assistant
Responses are generated using AI and may contain mistakes.