stencil-hg

Holy Grail Layout

This is just a experiment project that probably won't recieve any update. If you want to obtain this package from me, open an issue. I would like to give this package to you.

Components

• <hg-parent> - Basicly the wrapper. If you need to use this holy grail layout, wrap your components with this component.
• <header-contnent> - The header.
• <left-contnent> - The left sidebar.
• <main-contnent> - The main contnent, in the middle.
• <right-contnent> - The right sidebar.
• <right-contnent> - The right sidebar.
• <footer-contnent> - The footer.

Using this component

Script tag

• Put a script tag similar to this <script src='https://unpkg.com/stencil-hg@0.0.1/dist/stencil-hg.js'></script> in the head of your index.html
• Then you can use this element anywhere in your template, JSX, html etc

Node Modules

• Run npm install stencil-hg --save
• Put a script tag similar to this <script src='node_modules/stencil-hg/dist/stencil-hg.js'></script> in the head of your index.html
• Then you can use this element anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install stencil-hg --save
• Add an import to the npm packages import "stencil-hg";
• Then you can use this element anywhere in your template, JSX, html etc