# 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-ojozztnsdo.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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.