https://github.com/craftkit/craft-widget-navigationgroup
Classic stack navigation for Craft-UIKit
https://github.com/craftkit/craft-widget-navigationgroup
encapsulated-styling frontend-webdevelopment javascript-framework javascript-library progressive-web-app shadow-dom single-page-applications stacknavigation ui-components webcomponents
Last synced: 10 months ago
JSON representation
Classic stack navigation for Craft-UIKit
- Host: GitHub
- URL: https://github.com/craftkit/craft-widget-navigationgroup
- Owner: craftkit
- Created: 2019-03-12T08:47:43.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-07-04T06:34:26.000Z (over 5 years ago)
- Last Synced: 2025-01-22T09:39:53.642Z (about 1 year ago)
- Topics: encapsulated-styling, frontend-webdevelopment, javascript-framework, javascript-library, progressive-web-app, shadow-dom, single-page-applications, stacknavigation, ui-components, webcomponents
- Language: JavaScript
- Homepage:
- Size: 61.5 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Craft-Widget-NavigationGroup
Classic stack navigation.
Try online tutorial:
[https://github.com/craftkit/craftkit-playground](https://github.com/craftkit/craftkit-playground)
Demo:
See [craft-sample-photoalbum](https://github.com/craftkit/craft-sample-photoalbum) for more about this widget.
## How to use
```html
window.onload = function(){
Craft.Core.Bootstrap.boot(App);
};
```
or
```javascript
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