title: How to add a vertical panel and use it as a toggler in Angular?
body: <p>I have this <strong>sideBar</strong> that shows up when clicking on <strong>"btn1"</strong> button. So instead of having a button I would like to have a <strong>vertical bar</strong> with the same title. Basically I would like to accomplish this:</p>
  
  <p><a href="https://stackblitz.com/edit/angular-flex-layout-seed-xx14yf?file=app%2Ftest.component.css" rel="nofollow noreferrer"><strong>Expected Result</strong></a></p>
  
  <p><strong>Below</strong> is what my code looks like so far. Can anyone point me in the right direction? Thanks a lot in advance.</p>
  
  <p><a href="https://stackblitz.com/edit/primeng-template-eyhyan?file=app%2Fapp.component.html" rel="nofollow noreferrer"><strong>DEMO</strong></a></p>
  
  <pre><code>&lt;button (click)="openTab()"&gt;btn1&lt;/button&gt;
  &lt;p-sidebar [modal]="false" class="menuPanel" [(visible)]="opened" 
     position="left" [showCloseIcon]="true" autoZIndex="true" 
     baseZIndex="99999"&gt;
     This is the Title
  &lt;/p-sidebar&gt;
  </code></pre>