Interactive models and structures to handle plan upgrades, pricing tiers, and downgrades
Subscription & Plan Selectors
Open Plan Selector
Click the button below to open the beautiful plan selector modal. Current plan: DEV
Custom Plan Definition
Pass a custom plans array to specify alternative pricing structures.
<NkPlanSelector
plans={[
{ id: 'FREE', name: 'FREE',
price: '€0',
description: '...',
accent: 'emerald',
features: ['...']
},
// ...
]}
/>