Tes styleguide

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

storybook

View MobileBrowse storybook stories