orion-ui icon indicating copy to clipboard operation
orion-ui copied to clipboard

Create FilterableSideNav

Open camwest opened this issue 8 years ago • 0 comments

As a developer
I want to use a FilterableSideNav which provides an easy to use SideNav component 
So that I don't have to write a bunch of filtering state machines

Typical Usage

const sidenavData = {
  links: [],
  sections: [
    {
      groups: [
        modules: [
          name: 'Foo',
          icon: 'some-icon',
          submodules: []
        ]
      ]
    }
  ]

<FilterableSideNav query="Hello world" items={sideNavData} />
}
  • Query makes the FilterableSideNav "controlled"
  • InitialQuery can be used as well for uncontrolled scenarios
  • TODO: Figure out what the event props should be

Complete props

TODO

  • [ ] Controlled SideNavSearch

camwest avatar Jul 18 '17 17:07 camwest