Grouping buttons with Toolbar

Toolbar is a grouping or container component for buttons and other web resources. The Toolbar content is wrapped in two div elements, one for aligning content on the left-hand side using .ui-toolbar-group-left class and another one for aligning content on the right-hand side using the .ui-toolbar-group-right class. An example of the Toolbar component with different buttons, input controls, and text content would be as follows:

<p-toolbar name="toolbar">
  <div class="ui-toolbar-group-left">
    <button pButton type="button" name="open" label="Open" 
      icon="fa-folder-open"></button>
    <button pButton type="button" name="new" label="New folder" 
      icon="fa-plus"></button>
    <p-splitButton  name="organize" label="Organize" 
      icon="fa-check" name="organize"
      [model]="items"></p-splitButton>
  </div>

  <div class="ui-toolbar-group-right">
    <input name="search" type="text" size...