# Payouts

Show payout information and allow your users to perform payouts.

> Payouts in iOS is in preview.

> Payouts in Android is in preview.

Payouts renders the balance summary, the payout schedule, and a list of payouts for the connected account. A connected account user can also use it to perform instant or manual payouts.

Note: The following is a preview/demo component that behaves differently than live mode usage with real connected accounts. The actual component has more functionality than what might appear in this demo component. For example, for connected accounts without Stripe dashboard access (custom accounts), no user authentication is required in production.

When [creating an Account Session](https://docs.stripe.com/api/account_sessions/create.md), enable the payouts embedded component by specifying `payouts` in the `components` parameter. You can enable or disable individual features of the payouts component by specifying the `features` parameter under `payouts`:

```curl
curl https://api.stripe.com/v1/account_sessions \
  -u "<<YOUR_SECRET_KEY>>:" \
  -d account="{{CONNECTEDACCOUNT_ID}}" \
  -d "components[payouts][enabled]"=true \
  -d "components[payouts][features][instant_payouts]"=true \
  -d "components[payouts][features][standard_payouts]"=true \
  -d "components[payouts][features][edit_payout_schedule]"=true \
  -d "components[payouts][features][external_account_collection]"=true
```

After creating the account session and [initializing ConnectJS](https://docs.stripe.com/connect/get-started-connect-embedded-components.md#account-sessions), you can render the payouts component in the front end:

#### JavaScript

```js
// Include this element in your HTML
const payouts = stripeConnectInstance.create('payouts');
container.appendChild(payouts);
```

Note: The following is a preview/demo component that behaves differently than live mode usage with real connected accounts. The actual component has more functionality than what might appear in this demo component. For example, for connected accounts without Stripe dashboard access (custom accounts), no user authentication is required in production.

When you [create an Account Session](https://docs.stripe.com/api/account_sessions/create.md), enable the payouts embedded component by specifying `payouts` in the `components` parameter. You can enable or disable individual features of the payouts component by specifying the `features` parameter under `payouts`:

```curl
curl https://api.stripe.com/v1/account_sessions \
  -u "<<YOUR_SECRET_KEY>>:" \
  -d account="{{CONNECTEDACCOUNT_ID}}" \
  -d "components[payouts][enabled]"=true \
  -d "components[payouts][features][instant_payouts]"=true \
  -d "components[payouts][features][standard_payouts]"=true \
  -d "components[payouts][features][edit_payout_schedule]"=true \
  -d "components[payouts][features][external_account_collection]"=true \
  -d "components[payouts][features][disable_stripe_user_authentication]"=true
```

After you create the account session and set up the [StripeConnect SDK](https://docs.stripe.com/connect/get-started-connect-embedded-components.md?platform=ios#install-the-stripeconnect-sdk), you can render the payouts component in your application:

#### Swift

```swift
// Display this view controller in your app
let payoutsViewController = embeddedComponentManager.createPayoutsViewController()
present(payoutsViewController)
```

[See the reference documentation :external:](https://stripe.dev/stripe-ios/stripeconnect/documentation/stripeconnect/payoutsviewcontroller).

Note: The following is a preview/demo component that behaves differently than live mode usage with real connected accounts. The actual component has more functionality than what might appear in this demo component. For example, for connected accounts without Stripe dashboard access (custom accounts), no user authentication is required in production.

When you [create an Account Session](https://docs.stripe.com/api/account_sessions/create.md), enable the payouts embedded component by specifying `payouts` in the `components` parameter. You can enable or disable individual features of the payouts component by specifying the `features` parameter under `payouts`:

```curl
curl https://api.stripe.com/v1/account_sessions \
  -u "<<YOUR_SECRET_KEY>>:" \
  -d account="{{CONNECTEDACCOUNT_ID}}" \
  -d "components[payouts][enabled]"=true \
  -d "components[payouts][features][instant_payouts]"=true \
  -d "components[payouts][features][standard_payouts]"=true \
  -d "components[payouts][features][edit_payout_schedule]"=true \
  -d "components[payouts][features][external_account_collection]"=true \
  -d "components[payouts][features][disable_stripe_user_authentication]"=true
```

After you create the account session and set up the [StripeConnect SDK](https://docs.stripe.com/connect/get-started-connect-embedded-components.md?platform=android#install-the-stripeconnect-sdk), you can render the payouts component in your Activity:

#### Kotlin

```kotlin
val payoutsView: View = embeddedComponentManager.createPayoutsView(
    context = activity, // use an activity or activity-derived context
)
findViewById<FrameLayout>(R.id.content_view).addView(payoutsView)
```

[See the reference documentation :external:](https://stripe.dev/stripe-android).

Note: The following is a preview/demo component that behaves differently than live mode usage with real connected accounts. The actual component has more functionality than what might appear in this demo component. For example, for connected accounts without Stripe dashboard access (custom accounts), no user authentication is required in production.

When you [create an Account Session](https://docs.stripe.com/api/account_sessions/create.md), enable the payouts embedded component by specifying `payouts` in the `components` parameter. You can enable or disable individual features of the payouts component by specifying the `features` parameter under `payouts`:

```curl
curl https://api.stripe.com/v1/account_sessions \
  -u "<<YOUR_SECRET_KEY>>:" \
  -d account="{{CONNECTEDACCOUNT_ID}}" \
  -d "components[payouts][enabled]"=true \
  -d "components[payouts][features][instant_payouts]"=true \
  -d "components[payouts][features][standard_payouts]"=true \
  -d "components[payouts][features][edit_payout_schedule]"=true \
  -d "components[payouts][features][external_account_collection]"=true \
  -d "components[payouts][features][disable_stripe_user_authentication]"=true
```

After you create the Account Session and set up the [Stripe React Native SDK](https://docs.stripe.com/connect/get-started-connect-embedded-components.md?platform=react-native#install-the-stripe-react-native-sdk), you can render the payouts component in your application:

#### TypeScript

```javascript
import { ConnectPayouts } from '@stripe/stripe-react-native';

export default function PayoutsScreen() {
  return <ConnectPayouts />;
}
```

[See the reference documentation :external:](https://stripe.dev/stripe-react-native).

## Request access  (Private preview)

Sign in to request access to Connect embedded components for React Native in private preview. If you don’t have a Stripe account, you can [register now](https://dashboard.stripe.com/register).

In addition to the `instant_payouts` feature, enabling Instant Payouts might require additional steps:

- If your platform collects fees for a connected account, you must set up Instant Payout monetization in the [Dashboard](https://dashboard.stripe.com/settings/connect/payouts/instant-payouts).
- If your platform is liable for a connected account’s negative balances, your platform and connected account must in a supported country for Instant Payouts and the accounts must meet the [eligibility criteria](https://docs.stripe.com/connect/instant-payouts.md#eligible-connected-accounts).
- If Stripe is liable for a connected account’s negative balances, [Stripe controls eligibility](https://docs.stripe.com/payouts/instant-payouts.md#eligibility-and-daily-volume-limits) for the account.

> To use standard manual payouts, the connected account needs to have their [payout schedule](https://docs.stripe.com/connect/manage-payout-schedule.md) set to `manual`. You can enable payout schedule editing in the payouts component by setting the `edit_payout_schedule` feature to `true`.