@softbind/react-slotty/examples/navigation/ModuleB.js

React Slots

import React, { Fragment } from 'react';
import { Text } from 'rebass';
import { Route } from 'react-router-dom';

import { SecondNavigationLevel } from './slots';

export default () => (
  <Fragment>
    <SecondNavigationLevel.Provider
      value={
        <Route
          path="/examples/navigation/ModuleB"
          render={() => (
            <ul>
              <li>ModuleB Second level</li>
              <li>ModuleB Second level</li>
            </ul>
          )}
        />
      }
    />
    <Text>ModuleA Content</Text>
  </Fragment>
);