CommandBar

Highlighted
New Contributor

I got my Office Fabric UI ReactJS:

 

<CommandBar
     isSearchBoxVisible={ true }
     searchPlaceholderText='Search...'
     items={ [] }
     farItems={ 
        [{
           key:  'addRow',
           name: 'Insert row',
           icon: 'Add'
        }]
     }
/> 

It does work and shows up correctly on the page, but how do I get the events for the "Search Box" in the CommandBar?

 

At https://developer.microsoft.com/en-us/fabric#/components/commandbar doesn't list any events, or even an example, for the property SearchBox when the user types anything inside the field.

 

I'm using the CommandBar on the top of a page displaying a DetailsList and the idea is to allow the users to filter (search) the contents of the list from the CommandBar (where other options are displayed.

 

Thanks for your attention!

0 Replies