https://github.com/break-stuff/cem-inheritance-example
This repo is to demonstrate the abilities of the Custom Elements Manifest Inheritance package
https://github.com/break-stuff/cem-inheritance-example
Last synced: about 1 year ago
JSON representation
This repo is to demonstrate the abilities of the Custom Elements Manifest Inheritance package
- Host: GitHub
- URL: https://github.com/break-stuff/cem-inheritance-example
- Owner: break-stuff
- Created: 2024-02-12T23:05:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-12T23:10:58.000Z (over 2 years ago)
- Last Synced: 2025-02-09T12:18:06.338Z (over 1 year ago)
- Language: TypeScript
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CEM Inheritance Example
This repo is to demonstrate the abilities of the [Custom Elements Manifest Inheritance](https://www.npmjs.com/package/custom-elements-manifest-inheritance) package.
This example extends the [Shoelace Input element](https://shoelace.style/components/input/) in the `MyInput` component and the extends it again in `MyExtComponent`. In the [custom-elements.json](./custom-elements.json) file, you will see the inherited attributes, properties, methods, CSS custom properties, CSS parts, slots, and events.
## Running the Code
```bash
# install dependencies
npm install
# run the analyzer
npm run analyze
```