Skip to content
Menu

Blocks

Subscription change preview

Compare the current and proposed subscription and preview the credit and charge before confirmation.

Using Subscription change preview

Compare the current and proposed subscription and preview the credit and charge before confirmation.

Compare the current and proposed subscription and preview the credit and charge before confirmation. For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.

Choose Starter immediately to preview a $24.00 credit, then confirm the local plan change. This example only updates local draft state.

Proration assumes half a billing cycle remains and excludes taxes. Fetch an authoritative quote from the host before a real plan change.

Props: accent, status

How does the application receive changes?

For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

Source, ports, install and the props panel are included with Fieldbook Pro. The live preview is open to everyone.

Connect your agent

Nearby