@pea11y/a11y-components

Installation

npm i -S @pea11y/a11y-components

puis dans le module qui consomme les web-components, ajouter le schemas CUSTOM_ELEMENT_SCHEMA

import {CUSTOM_ELEMENTS_SCHEMA, NgModule} from "@angular/core";

@NgModule({
  ...
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
  ...
})
export class AppModule {}

il est ensuite possible d'utiliser les composants stencil directement depuis le HTML.

Javascript natif

Importer directement le fichier dans index.html :

<script
  type="module"
  src="node_modules/@pea11y/a11y-components/dist/pea11y/pea11y.esm.js"
></script>