Skip to content
hightouchUI

Design system

97dff0e

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

—

booleanDetermines whether dialog is open.
title

—

stringDialog title.
children

—

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

—

stringText of a button that closes the dialog.
onClose

—

() => voidCallback for when dialog is closed.