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
