This Web Component is used to showcase a collection of colours.
It also shows the contrast rating with black and white text, and shows the accessibility rating according to WCAG's Contrast (Enhanced)(Level AAA) success criterion.
This Web Component using Stencil.
npm install
npm startTo build the component for production, run:
npm run buildTo run the unit tests for the components, run:
npm testThere are three strategies we recommend for using web components built with Stencil.
The first step for all three of these strategies is to publish to NPM.
- Put a script tag similar to this
<script type='module' src='https://unpkg.com/[email protected]/dist/my-component.esm.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install my-component --save - Put a script tag similar to this
<script type='module' src='node_modules/my-component/dist/my-component.esm.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install my-component --save - Add an import to the npm packages
import my-component; - Then you can use the element anywhere in your template, JSX, html etc
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent