AkPage
The AkPage component wraps the whole page and should be the first child of the body. It contains slots for different layout styles and for the navigation component.
Try it out
Interact with a live demo of the ak-page component.
Although the ak-page component can be used by itself, it works best in conjunction with the ak-navigation component.
Installation
npm install ak-page
Using the component
HTML
The ak-page
package exports the AkPage Skate component.
Import the component in your JS resource:
bundle.js
;
Now you can use the defined tag in your HTML markup:
index.html
<!-- ... --> Page content goes here.
You can also use it from within another JavaScript resource:
; const component = ;documentbody;
React
This is a standard web component, if you want to use it in your React app, use the Skate.js React integration.
;; const ReactComponent = ; ReactDOM;
Page
Kind: global class
-
Properties
page.shouldAnimate
:boolean
new Page()
Create instances of the component programmatically, or using markup.
HTML Example
<ak-page/>
JS Example
; const page = ;documentbody;
page.shouldAnimate
: boolean
Whether the component should display animations.
shouldAnimate
is turned on after page load.
Kind: instance property of Page
JS Example
pageshouldAnimate = true;