Upsell Dialog

Upsell dialog is used to upgrade users to a different billing plan.

#Example

#Usage

#With sidebar

#Guidelines

#When to use

• This dialog component must only be used related to upselling or unlocking features for customers.

#Usage

• Upsell dialog must never appear on its own without user's interaction (like clicking a button).

#Content

• Use sentence case everywhere.
• Don't add a dot at the end to title.
• Don't add question marks to title.
• Always end sentences with a dot in dialog content.
• Confirm button text must be explicit and avoid generic words like "Confirm", "Submit", "Yes" or "Send". For example, a good button text would be "Upgrade now".

#Props

Name	Default	Description
isOpen	—	boolean Determines whether dialog is open.
title	—	string Dialog title.
children	—	ReactNode Dialog content.
buttonText	—	string Text of a button that confirms the action.
sidebar	—	ReactNode Sidebar content.
onClose	—	() => void Callback for when dialog is closed.
onConfirm	—	() => void Callback for when user has confirmed the action.