The ngs-tab-panel component creates a compact vertical tool or navigation panel with a linked aside content area. Use it in workspace and editor screens where selecting an item in the rail should show the matching tool, inspector, asset list, settings section, or panel content beside it.
| Prop | Type | Default |
|---|---|---|
hideContentIfTabNotSelected Whether to hide the content of the tab if it is not selected | boolean | false |
activeItemId The id of the active tab item | any | – |
compact Whether the tab panel is in compact mode | boolean | false |
| Event | Description |
|---|---|
| itemIdChanged | Executed when the active item id changes |
Using this component in production?
NgStarter includes source code, admin dashboard templates, and commercial support.