Object type tabs mockup.

frontend/src/js/page/wb-browse.js

@@ -4,6 +4,7 @@ import WBNavbar from 'wb-navbar';
 import WBProjectListing from 'wb-project-listing';
 import WBInlineSearch from 'wb-inline-search';
 import WBProjectCrumbs from 'wb-project-crumbs';
+import WBTabs from 'wb-tabs';
 
 class WBBrowse extends Component {
   render({ ownerUuid, activePage, appCallbacks, appState }) {
@@ -20,12 +21,16 @@ class WBBrowse extends Component {
         <WBProjectCrumbs uuid={ ownerUuid } appState={ appState }
           onItemClicked={ item => route('/browse/' + item['uuid']) } />
 
+        <WBTabs tabs={ [ { 'name': 'Projects', 'isActive': true } ] } />
+
         <WBProjectListing arvHost={ appState.arvHost }
           arvToken={ appState.arvToken }
           ownerUuid={ ownerUuid }
           itemsPerPage="5"
           activePage={ Number(activePage || 0) }
           onPageChanged={ i => route('/browse/' + (ownerUuid || '') + '/' + i)} />
+
+        <WBTabs tabs={ [ { 'name': 'Collections', 'isActive': true }, 'Processes', 'Workflows' ] } />
       </div>
     );
   }

frontend/src/js/widget/wb-tabs.js

@@ -30,4 +30,8 @@ class WBTabs extends Component {
   }
 }
 
+WBTabs.defaultProps = {
+  'onTabChanged': () => {}
+};
+
 export default WBTabs;