Skip to content
hightouchUI

Design system

v40.8.0

Upsell success dialog

Upsell success dialog is used to confirm user's plan upgrade or unlocked feature.

Example

Guidelines

When to use

  • Only use this component in the context of upselling or unlocking product features.

When not to use

  • If confirming anything other than a plan upgrade or unlocked feature, use a dialog instead.

Props

NameDefaultDescription
isOpen

boolean

Determines whether dialog is open.

title

string

Dialog title.

children

ReactNode

Dialog content. Use it to warn user about the consequences of the action they're about to perform.

buttonText

string

Text of a button that closes the dialog.

onClose

() => void

Callback for when dialog is closed.