This is the MobileBrowse component
Package version
npm i module-tsl-ui-mobile-browse --save
3.0.4
imports
import { MobileBrowse } from 'module-tsl-ui-mobile-browse';
@import '~module-tsl-ui-mobile-browse/mobile-browse';
example (editable)
<div style={{ backgroundColor: '#FAFAFA', padding: 10 }}> <MobileBrowse groups={[ { label: 'First menu item', navItems: [ { label: 'SubMenu item', url: '#', id: 1 }, { ...{ label: 'SubMenu item secondary', url: '#', indented: true }, id: 2 }, { ...{ label: 'SubMenu item secondary', url: '#', indented: true }, id: 3 }, { ...{ label: 'SubMenu item secondary', url: '#', indented: true }, id: 4 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 5 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 6 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 7 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 8 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 9 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 10 }, ], }, { label: 'Second Menu item', navItems: [{ label: 'SubMenu item', url: '#', id: 1 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 2, indented: true }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 3 }], secondaryNav: { label: 'this is a secondary menu', navItems: [{ label: 'SubMenu item', url: '#', id: 1 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 2 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 3 }], }, }, { label: 'Third menu item', navItems: [{ label: 'SubMenu item', url: '#', id: 1 }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 2, indented: true }, { ...{ label: 'SubMenu item', url: '#', id: 1 }, id: 3 }], }, ]} /> </div>
Props
We couldn't detect props! Check if __docgenInfo is correctly defined