pages/shell-example/shell-example.component.html

0001 <app-display-shell>
0002   <div header>
0003     <!-- Header content -->
0004     <button (click)="toggleLeftPane()">Toggle Left Pane</button>
0005     <button (click)="toggleRightPane()">Toggle Right Pane</button>
0006   </div>
0007   <div leftPane>
0008     <!-- Optional content for left pane -->
0009   </div>
0010   <div centralPane>
0011     <!-- Central content area -->
0012     <h2>Main Content</h2>
0013     <p>Welcome to the central panel of the application.</p>
0014     <div footer>
0015       <!-- Footer content -->
0016       <p>Application Footer</p>
0017     </div>
0018   </div>
0019   <div rightPane>
0020     <!-- Optional content for right pane -->
0021   </div>
0022
0023 </app-display-shell>