demoup-react

demoup-react

Place the DemoUp playbutton as a normal react component at the intendend position in your page.

Usage

var DemoUpButton = require('demoup-react')("yourshop.domain").button;

var exampleComponent = function() {
	return <DemoUpButton />
}

Note that the Button is not rendered immediatly. The component will load some shop specific code and check, whether there is actually a video for the current page. It will render the button afterwards in case there are video available. Be prepared that the button is inserted after the page is already rendered.

Configuration

You can configure the components by passing props. The following props are currently supported:

button

multibutton : true/false

| Props | Values | Description |-----------------------------|--------------------------------------------------| | buttonheight | number | Overwrite the height of play image. Default is set by DemoUp specific for each shop. | buttonwidth | number | Overwrite the width of play image. Default is set by DemoUp specific for each shop. | color | string | Overwrite the color of the play image in the button. Default is set by DemoUp specific for each shop. | height | number | Overwrite the height of the button container in pixels. Default is set by DemoUp specific for each shop. | | multibutton | true/false | Should multiple videos displayed as one or several buttons behind each other? Default: false | width | number | Overwrite the width of the button container in pixels. Default is set by DemoUp specific for each shop. |

License

MIT.