sxa-umbrella-webcomponents
v0.0.2
Published
SXA Umbrella web components
Downloads
4
Readme
SXA Umbrella Web Components
This is a sample project showcasing how to write and consume web components created with Stencil.
One of the components is an Address Card component:
- Written in a version using attributes and a version using slots (for SEO)
- Consumed in ReactJS (see )
- Consumed in Vue
- Showcased in Storybook
See https://mango-river-020e4d803.azurestaticapps.net/ for the above samples.
The components are published to NPM as well as the package sxa-umbrella-webcomponents.
Components can be loaded directly through https://unpkg.com by adding the following lines to the head section of your HTML page:
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/sxa-umbrella-webcomponents/sxa-umbrella-webcomponents.css" />
<script type="module" src="https://unpkg.com/[email protected]/dist/sxa-umbrella-webcomponents/sxa-umbrella-webcomponents.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/sxa-umbrella-webcomponents/sxa-umbrella-webcomponents.js"></script>
Replace @0.0.1
with the latest version.
How to use
See package.json
for the different script commands to build the different versions.