Adyen's components are prebuilt libraries that you can seamlessly integrate into your marketplace\u2019s user interface (UI). These components are designed to minimize your engineering investment while providing you with flexibility and control over the look and feel of the UI.<\/p>\n
You can use our components for a variety of tasks, from collecting user data for payments or during onboarding to showcasing interactive dashboards for your users, such as an overview of transactions, payouts, and other reporting data.<\/p>\n
Components are suitable for your marketplace if:<\/p>\n
When using components, you can benefit from:<\/p>\n
Adyen will add more components to improve your integration experience. See our roadmap<\/a> for the planned timeline.<\/p>\n<\/div>\n The available components are grouped based on their location in the payment process, such as before<\/em>, during<\/em>, and after<\/em> the payment. This way, you can quickly find the appropriate component to implement into your user flow.<\/p>\n\n The integration of components involves both server-side and client-side processes. On the server side, a single API call is made to create a session token. On the client side, the component uses the session token obtained from the server to request necessary data and manage user interactions.<\/p>\n The simplified flow can be summarized as follows:<\/p>\n The process of integrating components into your marketplace's UI is as follows. Some components may require additional steps or conditions. See the respective integration guides<\/a> for more information.<\/p>\n Adyen's components are generally available for users operating in all countries and regions where Adyen for Platforms is supported<\/a>.<\/p>\n Components for business financing<\/a> are limited to specific countries and regions<\/a>.<\/p>\n Our components work with all recent versions of major browsers. Here are the minimum browser requirements:<\/p>\n We recommend using the latest available browser version to ensure you have the latest security updates.<\/p>","url":"https:\/\/docs.adyen.com\/pt\/marketplaces\/components-overview","articleFields":{"description":"Discover prebuilt UI component libraries that simplify your integration with Adyen and reduce your time to launch.","feedback_component":true,"filters_component":false,"cache_enable":false,"next_steps":[{"title":"Onboarding components","description":"Speed up collecting user data during onboarding.","url":"\/marketplaces\/onboard-users\/components","required":false},{"title":"Checkout components","description":"Show a checkout page with various payment methods to your users.","url":"\/marketplaces\/checkout-components","required":false},{"title":"Platform Experience components for user dashboards","description":"Build interactive dashboards for your users.","url":"\/marketplaces\/build-user-dashboards","required":false},{"title":"Platform Experience components for business financing","description":"Offer business financing to your users.","url":"\/capital\/capital-components","required":false}],"parameters":{"directoryPath":"\/marketplaces","model":"marketplace"}},"algolia":{"url":"https:\/\/docs.adyen.com\/pt\/marketplaces\/components-overview","title":"Build your interface with UI component libraries","content":"Adyen's components are prebuilt libraries that you can seamlessly integrate into your marketplace\u2019s user interface (UI). These components are designed to minimize your engineering investment while providing you with flexibility and control over the look and feel of the UI.\nYou can use our components for a variety of tasks, from collecting user data for payments or during onboarding to showcasing interactive dashboards for your users, such as an overview of transactions, payouts, and other reporting data.\nComponents are suitable for your marketplace if:\n\nIt has a basic user interface where you can embed components.\nIts backend application has an API layer with which you can initialize components.\n\nWhen using components, you can benefit from:\n\nEase of integration and low maintenance. Components are ready-to-use libraries that require minimal code to initialize components.\nFaster time to market. Components eliminate the need for custom design and reduce developers' efforts for integration with Adyen.\nCustomizability. You can change the look and feel of components to match your branding style.\nUp-to-date functionality. Components are developed to work efficiently with Adyen APIs, ensuring you stay updated with your Adyen integration.\nLatest technologies and design trends. Adyen uses modern frameworks to provide the best performance on the web and mobile and to be consistent with current design trends.\n\nAvailable components\n\nAdyen will add more components to improve your integration experience. See our roadmap for the planned timeline.\n\nThe available components are grouped based on their location in the payment process, such as before, during, and after the payment. This way, you can quickly find the appropriate component to implement into your user flow.\n\n\n \n \n \n \n\n\nRoadmap\n\n\n \n \n \n \n\n\nHow it works\nThe integration of components involves both server-side and client-side processes. On the server side, a single API call is made to create a session token. On the client side, the component uses the session token obtained from the server to request necessary data and manage user interactions.\nThe simplified flow can be summarized as follows:\n\nThe user logs in to your marketplace.\nYour server validates the user and creates a session token that includes their required user roles.\nYour client then creates an instance of the component using the session token from the server.\nThe user interacts with the component to complete a needed task.\n\nIntegration steps\nThe process of integrating components into your marketplace's UI is as follows. Some components may require additional steps or conditions. See the respective integration guides for more information.\n\nCreate an authentication session from your server.\nInstall component library in your front end.\nInitialize component(s).\nCustomize component appearance to match your marketplace's look and feel.\n\nSupported countries\/regions\nAdyen's components are generally available for users operating in all countries and regions where Adyen for Platforms is supported.\nComponents for business financing are limited to specific countries and regions.\nSupported browsers\nOur components work with all recent versions of major browsers. Here are the minimum browser requirements:\n\nChrome version 98 (February 2022)\nSafari version 15.4 (March 2022)\nFirefox version 94 (November 2021)\n\nWe recommend using the latest available browser version to ensure you have the latest security updates.","type":"page","locale":"pt","boost":18,"hierarchy":{"lvl0":"Home","lvl1":"Marketplaces","lvl2":"Build your interface with UI component libraries"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/marketplaces","lvl2":"\/pt\/marketplaces\/components-overview"},"levels":3,"category":"Marketplaces","category_color":"green","tags":["Build","interface","component","libraries"]}}
Roadmap<\/h2>\n\n
How it works<\/h2>\n
\n
Integration steps<\/h3>\n
\n
Supported countries\/regions<\/h2>\n
Supported browsers<\/h2>\n
\n