> Deprecated:
> Product subscription app extensions won't be supported as of December 3, 2025. You should migrate existing product subscription app extensions to [purchase options extensions](/docs/apps/build/purchase-options/purchase-options-extensions).


Each component has general guidelines for usage as well as additional information regarding the behavior on certain platforms.

- 📱 denotes mobile specific information
- 🖥 denotes desktop specific information


<ul style="column-count: auto;column-width: 12rem;">
<li><a href="/docs/api/product-subscription-extensions/components/badge">Badge</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/banner">Banner</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/blockstack">BlockStack</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/button">Button</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/card">Card</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/cardsection">CardSection</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/checkbox">Checkbox</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/heading">Heading</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/icon">Icon</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/inlinestack">InlineStack</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/link">Link</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/modal">Modal</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/optionlist">OptionList</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/pressable">Pressable</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/radio">Radio</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/resourceitem">ResourceItem</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/resourcelist">ResourceList</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/select">Select</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/spinner">Spinner</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/stackitem">StackItem</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/text">Text</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/textblock">TextBlock</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/textfield">TextField</a></li>
<li><a href="/docs/api/product-subscription-extensions/components/thumbnail">Thumbnail</a></li>
</ul>