react-component-viewer-rca.ts

import { Registries, ComponentViewer } from 'react-component-viewer';

const registries = new Registries();
registries.add('components')
  .registerAsGrid('Links', 300, linksDemo)
  .registerAsTwoColumnTable('Buttons', buttonsDemo)
  .registerAsRows('Inputs', inputsDemo);

registries.add('layouts')
  .registerSingle('Side by Side', sideBySideDemo);

registries.add('screens')
  .registerSingle('profile screen', profileScreenDemo)

export class App extends React.Component {
  render() {
    return (
      <ComponentViewer registries={registries}/>
    );
  }
}