PowrSection

Props

componentsList - An array of all the components that go within a section (tab in the settings panel) observableStore - A data store which has the model, experiments and other things that were usually stored in the window before.

Example

const const PowrSection = require('@/../modules/react_components/powr_section').default;
const content = ReactDOM.render(
  <PowrSection 
    componentsList={contentConfig} 
    observableStore={self.observableStore} 
  />,
  document.querySelector('#powr-form-builder-content')
);

why this pattern you ask - because we have to wrap this in a require.ensure block to ensure the /view page loads without needing any React.

eg: Design tab. The componentsList here would be Layout, Animation and all it's content etc