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: Cross-sell display name (cross_sell_display_name__limio) add-on attribute
  • Description: Cross-sell display description (cross_sell_display_description__limio) add-on attribute
  • Price: Pricing configured on the add-on

From Release 116, the component reads the same Cross-sell display name and Cross-sell display description attributes used by the Cross-sell component at acquisition, so add-ons are described consistently in both journeys. In earlier releases the description did not render.

* When compatible add-ons are used in the [Create Update Subscription Experience](https://docs.limio.com/product/self-service/what-are-the-standard-functionality-of-limio-self-service-manage-my-account/how-to-configure-an-update-subscription-flow "mention"), existing add-ons will be retained if they are compatible with the new update offer. An add-on is considered compatible if it is included in the update offer's **Cross-sell add-ons** attribute. Add-ons that are not compatible with the update offer will be removed on the order effective date.

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