# RealClear Donation Integration Guide

For RealClearMediaFund, RealClearInvestigations, RealClearFoundation

Version 2.0

Last updated: 2021-12-09

## Head

```html
<!-- Styles -->
<link rel="stylesheet" href="/asset/section/donations/v2/style.css"/>

<!-- Scripts -->
<script src="/asset/3rd_party/vue/2.6.12/vue.min.js" type="text/javascript"></script>
<script src="/asset/3rd_party/axios/0.18.0/axios.min.js" type="text/javascript"></script>
<script src="https://js.stripe.com/v3/" type="text/javascript"></script>
```

## Body

```html
<div id="rc-donation-app">
    <rc-donation-app></rc-donation-app>
</div>
<script src="/asset/section/donations/v2/app.js"></script>
```

## Props
### Site

Pass in a short site name to configure the app.

```html
<!-- Examples. Use only one. -->
<rc-donation-app site="rcmf"></rc-donation-app>
<rc-donation-app site="rci"></rc-donation-app>
<rc-donation-app site="rcfo"></rc-donation-app>
```

### Testing

Pass in a boolean to enable testing keys. By default, testing mode is disabled and not required.

```html
<rc-donation-app testing="true"></rc-donation-app>
```

### In-Body

Pass in a boolean to configure the app for in-body presentation. By default, inbody is disabled and not required.

```html
<rc-donation-app inbody="true"></rc-donation-app>
```