Skip to content

craftkit/craft-widget-navigationgroup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Rei KitajimaRei Kitajima
Rei Kitajima
and
Rei Kitajima
Jul 4, 2020
021ba90 · Jul 4, 2020

History

22 Commits
Jun 4, 2020
Jul 3, 2020
Jul 3, 2020
Mar 12, 2019
Jul 4, 2020
Mar 12, 2019
Mar 12, 2019
Mar 12, 2019
Mar 12, 2019
Jul 3, 2020
Jul 4, 2020

Repository files navigation

Craft-Widget-NavigationGroup

Classic stack navigation.

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

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

How to use

<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 { ... }

Requirement and Note

  • 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.

License

MIT