The wrapper for @pyramid-embed/embed-js
yarn add @pyramid-embed/embed-react
npm i @pyramid-embed/embed-react
Please check online help for the general documentation.
import { PyramidEmbedContainer } from '@pyramid-embed/embed-react';
<PyramidEmbedContainer host="http://pyramid:8181" options={embedOptions} />
-
host: string
- URL of the Pyramid instance -
options: EmbedOptions
- embed options -
loginType?: "none" | "forms" | "windows" | "saml"
- authentication type -
userName?: string
- username, used whenloginType="forms"
-
password?: string
- password, used whenloginType="forms"
-
authToken?: string
- Pyramid authentication token -
samlToken?: string
- SAML token -
style?: object
- apply styles to the container element -
className?: string
- apply a className to the container element -
authFailureCallback?: Function
- a function that will be called when the embed token has expired
const embedOptions = {
contentId: 'f5366b40-fbc7-4773-8180-7759bb0760df'
}
<PyramidEmbedContainer
host="http://pyramid:8181"
options={embedOptions}
style={{width: 1280, height: 720}}
/>
const embedOptions = {
contentId: 'f5366b40-fbc7-4773-8180-7759bb0760df'
}
<PyramidEmbedContainer
host="http://pyramid:8181"
options={embedOptions}
loginType="windows"
style={{width: 1280, height: 720}}
/>
import { PyramidEmbedContainer, Filter } from '@pyramid-embed/embed-react';
const filter = Filter.create().addUniqueName('[customer].[country].[France]');
const embedOptions = {
contentId: 'f5366b40-fbc7-4773-8180-7759bb0760df',
filters: filter
}
<PyramidEmbedContainer
host="http://pyramid:8181"
options={embedOptions}
style={{width: 1280, height: 720}}
/>
For more help on embedding with Pyramid, especially instructions on authentication, scenarios and use of REST APIs together with embedding, please see online help.