Article Paywall
Usage
Article Paywall
'use client'
import { IcpayArticlePaywall, IcpaySuccess } from '@ic-pay/icpay-widget/react'
export default function Page() {
const config = {
publishableKey: process.env.NEXT_PUBLIC_ICPAY_PK,
priceUsd: 2,
title: 'Premium Article',
preview: 'This is a short preview...',
lockedContent: 'Full content goes here...',
progressBar: { enabled: true },
}
return (
<IcpayArticlePaywall
config={config}
onSuccess={(detail: IcpaySuccess) => console.log('Unlocked', detail)}
/>
)
}
Configuration
priceUsd: numbertitle?: stringpreview?: stringlockedContent?: stringbuttonLabel?: string(supports{amount}and{symbol}placeholders)onSuccess?: (tx) => void- Common options:
tokenShortcodes?: string[],chainShortcodes?: string[],chainTypes?: Array<'ic' | 'evm'>,progressBar?,theme?,useOwnWallet?,plugNPlay?,debug?,disablePaymentButton?,disableAfterSuccess?