Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

README.md

Angular + Stencil Web Components

Companion project for Implementing Custom Web Components in Angular with Stencil.js.

Live demo: https://playground.omid.dev/examples/angular-stencil-web-components/ (prebuilt on playground.omid.dev)

Structure

angular-stencil-web-components/
├── stencil-my-button/   # Stencil component library
└── angular-app/         # Angular app consuming <my-button>

Build and run

Terminal 1 — build the Stencil component:

cd stencil-my-button
npm install
npm run build
cp -r dist/esm/* ../angular-app/src/assets/stencil-my-button/

Terminal 2 — run the Angular app:

cd angular-app
npm install
npm start

Open http://localhost:4200

Blog post

https://omid.dev/2024/06/26/implementing-custom-web-components-in-angular-with-stenciljs/