Component: Compatible Add-ons

Available from: Release 112

The Compatible Add-ons component displays a list of available add-ons that a customer can purchase during the Update Subscription flow. It is designed to work alongside other update components, such as Update Cart Items, and supports a more compact layout that the Cross-sell component to accommodate a large number of available add-ons.

Behaviour

• Displays add-ons listed in the selected offer’s Cross-sell add-ons attribute

  • Excludes add-ons that have the same SKU as other add-ons the customer may already own

• Each add-on card displays:

  • Title: Display name add-on attribute

  • Description: Display description add-on attribute

  • Price: Pricing configured on the add-on

Props

Prop name	Prop type	Default	Notes
Heading	string	Compatible add-ons	Controls the heading displayed at the top of the component
Add add-on button label	string	Add	Label used on the button for adding an add-on to the Update Basket
No add-ons heading	string	empty	Displays when there are no add-ons to display