# Introduction

![](/files/-Md-UFLYv-jfEjz_azj9)

## What is ngx-stripe?

`Ngx Stripe` is a thin wrapper around [Stripe Elements](https://stripe.com/docs/stripe-js). It allows adding Elements to any **Angular** app. 

The [Stripe.js reference](https://stripe.com/docs/js) covers complete **Elements** customization details.

You can use Elements with any Stripe product to collect online payments. To find the right integration path for your business, explore [Stripe Docs](https://stripe.com/docs/stripe-js). 

The library provides three major elements:

* Lazy script loading
* Element Components
* Stripe Observable wrapper

## New major version

This project has not been updated for a while. After reviewing the state of the art for React and Vue counterparts, some major changes are going to be introduced to align this project with [`Stripe Elements`](https://stripe.com/docs/stripe-js).

1. `ngx-stripe` will no longer maintain its own interfaces. Instead, `@stripe/stripe-js` has been added as peer dependency. This will make the library easier to maintain and avoid mistakes.
2. [`Stripe Service`](https://stripe.com/docs/js) has been updated with all the missing APIs from StripeJS.
3. All the missing [`Element Components`](https://stripe.com/docs/stripe-js/react#element-components) like IBAN, Ideal, FPX, ... have been added.
4. `Request Payment Button` now has full support.
5. Added [`Container Style`](https://stripe.com/docs/js/element/the_element_container) functionality support.
6. A [`Migration`](https://github.com/richnologies/ngx-stripe/blob/main/MIGRATION.md) guide has been added with details of what have changed.
7. The new version of library is compatible from Angular 6+ major versions. Check the `Installation` section see how to install an older version.
8. All documentation has been moved to this new site.

Finally, in order to ease the transition, we are naming the old version of the library `legacy` and we have created some `npm tags` to make it easy to install older versions. Check `Installation` to say a complete list of available versions.


---

# 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://richnologies.gitbook.io/ngx-stripe/master.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.