A UI library built on Stencil.
Originally built to facilitate building UIs with as minimal effort as possible across multiple frontend technologies.
Report Bug
·
Request Feature
To get Canopy up and running in your application, you have 2 options:
- Install via NPM
npm install canopy-stencil-web
- Add the script and link tags in the head of your index.html to load the package
<script type="module" src="node_modules/canopy-stencil-web/dist/canopy-stencil-web/canopy-stencil-web.esm.js"> </script> <link rel="stylesheet" href="node_modules/canopy-stencil-web/dist/canopy-stencil-web/canopy-stencil-web.css"/>
- You can now use the components anywhere in your template, JSX, html etc
- Add the script and link tags in the head of your index.html to load the package
- Use via CDN with unpkg
- Add a script tag in the head of your index.html to load the package
<script type="module" src="https://unpkg.com/canopy-stencil-web@latest/dist/canopy-stencil-web/canopy-stencil-web.esm.js"> </script> <link rel="stylesheet" href="https://unpkg.com/canopy-stencil-web@latest/dist/canopy-stencil-web/canopy-stencil-web.css"/>
- You can now use the components anywhere in your template, JSX, html etc
- Add a script tag in the head of your index.html to load the package