Pipes Widget
A widget for displaying and managing connected accounts with Pipes.
The <Pipes /> widget allows users to manage their connections to third-party
providers. Users can view the available providers, connect their
accounts, reauthorize when needed, and disconnect
their accounts.
Read more in the Pipes guide.
JavaScript
| import { Pipes, WorkOsWidgets } from '@workos-inc/widgets'; | |
| /** | |
| * @param {string} authToken - A widget token that was fetched in your backend. See the | |
| * "Tokens" section of this guide for details on how to generate the token | |
| */ | |
| export function PipesPage({ authToken }) { | |
| return ( | |
| <WorkOsWidgets> | |
| <Pipes authToken={authToken} /> | |
| </WorkOsWidgets> | |
| ); | |
| } |
| import { useAuth } from '@workos-inc/authkit-react'; | |
| import { Pipes, WorkOsWidgets } from '@workos-inc/widgets'; | |
| export function PipesPage() { | |
| const { isLoading, user, getAccessToken } = useAuth(); | |
| if (isLoading) { | |
| return '...'; | |
| } | |
| if (!user) { | |
| return 'Logged in user is required'; | |
| } | |
| return ( | |
| <WorkOsWidgets> | |
| <Pipes authToken={getAccessToken} /> | |
| </WorkOsWidgets> | |
| ); | |
| } |