Components

VidibleElement

<VidibleElement />

Constructor

# <VidibleElement />

VidibleElement is a story element. The look of the VidibleElement can be changed using the render prop vidibleElementRender. In case vidibleElementRender is passed in the config, it is rendered. Otherwise a default VidibleElement is rendered.

Parameters:
Name Type Description
params Object

object containing parameters passed to the render prop

story Object

story object

config Object

config object

element Object

the story element. This is same as the story element found in the story API response

data-macros Object

macros passed as data-macros to the amp component amp-o2-player

...
ampRoutes(app, {
 render: {
   storyElementRender: {
     vidibleElementRender: ({ story, config, element }) => <MyCustomVidibleElement story={story} config={config} storyElement={element} />
   }
 }
})
...

View Source atoms/story-elements/vidible-element/vidible-element.tsx, line 24