Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alicewriteswrongs/declarative-shadow-dom-example
A little example vanilla web component using declarative shadow DOM
https://github.com/alicewriteswrongs/declarative-shadow-dom-example
Last synced: about 1 month ago
JSON representation
A little example vanilla web component using declarative shadow DOM
- Host: GitHub
- URL: https://github.com/alicewriteswrongs/declarative-shadow-dom-example
- Owner: alicewriteswrongs
- Created: 2023-09-29T13:40:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-29T13:52:04.000Z (over 1 year ago)
- Last Synced: 2024-10-30T07:27:34.455Z (3 months ago)
- Language: JavaScript
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Declarative Shadow DOM Example
This small project contains a web component that uses [declarative shadow
DOM](https://developer.chrome.com/en/articles/declarative-shadow-dom/). This
lets it render some UI before the JS associated with it is loaded. Then the JS
renders some different UI based on whether or not it's "taking over" from an
instance which already had a declarative shadow root present in the html.To run the project do:
```sh
npm i
npm start
```Then you can gaze upon its unadulterated beauty: