# RealClear Foundation Donation Integration Guide

## Head
```html
<!-- Styles -->
<link rel="stylesheet" href="/asset/section/donations/foundation/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="rcf-donation-app">
    <rcf-donation-app></rcf-donation-app>
</div>
<script src="/asset/section/donations/foundation/app.js"></script>
```

## Props
### Site
Pass in a short site name to configure the app.
```html
<rcf-donation-app site="rcfo"></rcf-donation-app>
```
### Testing
Pass in a boolean to enable testing keys.
By default, testing mode is disabled and not required.
```html
<rcf-donation-app testing="true"></rcf-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
<rcf-donation-app inbody="true"></rcf-donation-app>
```