@playwire/pw-react-component/README.md

Playwire React Component

# Playwire React Ramp Component

Playwire's React Component


### React Ramp Component NPM package

https://www.npmjs.com/package/@playwire/pw-react-component


### Install the component in a React App

`npm i --save @playwire/pw-react-component`


### Use the component in a React App

```import { Ramp }  from "@playwire/pw-react-component";```

```import { RampUnit }  from "@playwire/pw-react-component";```

```
{/* Only load this component once, at the top most level of your app */}
<Ramp
  publisherId="1016948"
  id="63673"
/>

{/* Place this component as needed for all in-page units */}
<RampUnit
  type="leaderboard_atf"
  cssClass="leaderboard"
/>
```

- publisherId [required] -The publisher’s unique identifier.

- id [required] - The website’s unique identifier.

- forcePath [optional] - Override the URL path. When this prop changes, it will reload OOP/tagless units based on the config rules for the new path.

- type [required] - The tagged ad units that the AM sets up. These units require a placeholder, for example, leaderboard, medium rectangle, and skyscraper.

- cssClass [optional] - Places css class on div element. Won’t load any styles.

### Playwire Demo App

In the terminal `cd demos/pw-react-app/`

Run `npm run start` for a dev server. Navigate to `https://localhost:3000/`. You will see the app running.


### Build the component

Run `npm run build` to build the project. The build artifacts will be stored in the `src/lib` directory.


### Publish the component to NPM registry

In the root folder run `npm login` then `npm publish`.