Getting started

InstallUsageGuidelinesContributeRelease

Foundation

Navigation

Upsells

Upsell BadgeUpsell ButtonUpsell CardUpsell DialogUpsell HeadingUpsell Success Dialog

Upsell Badge

#

#

#

  • Use this component only for badges related to upselling customers to a different billing plan.

#

  • Always position a badge immediately after the resource they're related to.

#

  • Prefer one or two words max.
  • Avoid numbers.

#

Inherits margin props.

NameDefaultDescription
children

ReactNode

Badge text.

On this page

  • Example
  • Guidelines
  • When to use
  • Placement
  • Content
  • Props