Getting started

InstallUsageGuidelinesContributeRelease

Foundation

Navigation

Upsells

Upsell BadgeUpsell ButtonUpsell CardUpsell DialogUpsell HeadingUpsell Success Dialog

Upsell Button

Buttons allow users to perform an action.

#

Refer to Button on usage patterns for an upsell button.

#

Initial

Disabled

Loading

#

#

  • When performing an action related to upselling customers to a different billing plan or unlocking product features.

Refer to Button for additional guidelines for an upsell button.

#

NameDefaultDescription
isLoading

boolean

Toggles the loading state.

isDisabled

boolean

Toggles the disabled state.

isJustified

boolean

Take up an entire available container width.

children

ReactNode

Button text.

size

"sm" | "md" | "lg"

Determines the height of the button.

icon

ComponentType<SVGAttributes<SVGElement>>

Primary icon that's displayed on the left.

On this page

  • Usage
  • Combinations
  • Guidelines
  • When to use
  • Props