> For the complete documentation index, see [llms.txt](https://docs.limio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.limio.com/components/component-library/self-service-components/component-update-subscription-offers.md).

# Component: Update Subscription Offers

**Available from:** Release 112

The Update Subscription Offers component shows the customer’s current offer, and provides a choice of other offers to upgrade or downgrade to.

{% embed url="<https://69c2cf3a42a094f3cd354b8d-rcyvjstohb.chromatic.com/?path=/story/shop-components-self-service-update-subscription-offers--default&full=1&shortcuts=false&singleStory=true&embed=true>" %}

### Behaviour

* Upgrade and Downgrade Offers are taken from **Upgrade offers** and **Downgrade offers** attributes from the most recently published version of the **Subscription Offer** the customer is on.
  * Note that upgrades and downgrades are not determined at time of purchase.
  * If no upgrade or downgrade Offers are configured, only the current plan is shown.
* Layout:
  * The **current plan** is always displayed in the center.
  * **Downgrade Offers** appear to the left of the current plan.
  * **Upgrade Offers** appear to the right of the current plan.
* Each offer card displays:
  * Offer **Display Name** attribute
  * Offer **Description** attribute
  * Offer **Display Price** attribute
  * Offer **Features** attribute
* Button text:
  * If the offer is an upgrade, the button text will be pulled from that offer's **Upgrade CTA** attribute
  * If the offer is a downgrade, the button text will be pulled from that offer's **Downgrade CTA** attribute
* When the upgrade or downgrade button is clicked, the customer is redirected to the URL configured in the offer's **Update Subscription Configuration** attribute.
  * If no URL is configured, it defaults to `/update`.

## Props

| Prop Label         | Type   | Default value | Notes                                                |
| ------------------ | ------ | ------------- | ---------------------------------------------------- |
| Current plan label | String | Current Plan  | Determines the text on the label of the current plan |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.limio.com/components/component-library/self-service-components/component-update-subscription-offers.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.