# 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-ozgakmnact.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 |