MEAN Cookbook

There's more...

There are many customizations and enhancements that you can make to the ngb-accordion component, and many more different types of interactive components provided by ng-bootstrap. For example, there is another template directive available for ngb-panel to customize the title of the panel to allow for more styling control. For instance, if I wanted to display my titles in bold and add a preview of how many posts have been written beside it, I could use the ngPanelTitle directive to do that:

<ngb-panel>  <ng-template ngbPanelTitle>    <strong>Brandon Bittner</strong> <small>(3)</small>  </ng-template>  <ng-template ngbPanelContent>    <ul class="list-unstyled">      <li>Post 4</li>      <li>Post 5</li>      <li>Post 6</li>    </ul>  </ng-template></ngb-panel> ...