Classic stack navigation.

Try online tutorial:
https://github.com/craftkit/craftkit-playground

Demo:
See craft-sample-photoalbum for more about this widget.

<script src="https://unpkg.com/@craftkit/craft-uikit/dist/craft-uikit.min.js"></script> <!-- automatically loaded into Craft.Widget.NavigationGroup --> <script src="https://unpkg.com/@craftkit/craft-widget-navigationgroup/dist/craft-widget-navigationgroup.min.js"></script> <script> window.onload = function(){ Craft.Core.Bootstrap.boot(App); }; </script>

or

import * as Craft from '@craftkit/craft-uikit'; import * as NavigationGroup from '@craftkit/craft-widget-navigationgroup'; // inject into Craft.Widget. (this is just a cosmetic function) Craft.usePackage(NavigationGroup); export class PageController extends Craft.Widget.NavigationGroup.ViewController { ... }

• Depends on Craft-UIKit.
• Your page component should extends Craft.Widget.NavigationGroup.Page to be fit and scrollable in the content area.
• NavigationGroup set the scrollTop against your this.view. Be careful if you would like to modify your dom structure of your template.

MIT