├── .github ├── CODEOWNERS ├── PULL_REQUEST_TEMPLATE ├── dependabot.yml └── labels.json ├── .gitignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── SECURITY.md ├── composed-composed-path ├── index.html └── main.js ├── defined-pseudo-class └── index.html ├── edit-word ├── index.html └── main.js ├── editable-list ├── index.html ├── main.js └── style.css ├── element-details ├── index.html └── main.js ├── expanding-list-web-component ├── img │ ├── down.png │ └── right.png ├── index.html └── main.js ├── host-selectors ├── index.html ├── main.js └── styles.css ├── life-cycle-callbacks ├── index.html └── main.js ├── popup-info-box-external-stylesheet ├── img │ ├── alt.png │ └── default.png ├── index.html ├── main.js └── style.css ├── popup-info-box-web-component ├── img │ ├── alt.png │ └── default.png ├── index.html └── main.js ├── shadow-part ├── index.html ├── main.js └── style.css ├── simple-template ├── index.html └── main.js ├── slotchange ├── index.html └── main.js ├── slotted-pseudo-element ├── index.html └── main.js └── word-count-web-component ├── index.html └── main.js /.github/CODEOWNERS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/.github/CODEOWNERS -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/.github/PULL_REQUEST_TEMPLATE -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/.github/dependabot.yml -------------------------------------------------------------------------------- /.github/labels.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/.github/labels.json -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/CODE_OF_CONDUCT.md -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/CONTRIBUTING.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/README.md -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/SECURITY.md -------------------------------------------------------------------------------- /composed-composed-path/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/composed-composed-path/index.html -------------------------------------------------------------------------------- /composed-composed-path/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/composed-composed-path/main.js -------------------------------------------------------------------------------- /defined-pseudo-class/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/defined-pseudo-class/index.html -------------------------------------------------------------------------------- /edit-word/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/edit-word/index.html -------------------------------------------------------------------------------- /edit-word/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/edit-word/main.js -------------------------------------------------------------------------------- /editable-list/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/editable-list/index.html -------------------------------------------------------------------------------- /editable-list/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/editable-list/main.js -------------------------------------------------------------------------------- /editable-list/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/editable-list/style.css -------------------------------------------------------------------------------- /element-details/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/element-details/index.html -------------------------------------------------------------------------------- /element-details/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/element-details/main.js -------------------------------------------------------------------------------- /expanding-list-web-component/img/down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/expanding-list-web-component/img/down.png -------------------------------------------------------------------------------- /expanding-list-web-component/img/right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/expanding-list-web-component/img/right.png -------------------------------------------------------------------------------- /expanding-list-web-component/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/expanding-list-web-component/index.html -------------------------------------------------------------------------------- /expanding-list-web-component/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/expanding-list-web-component/main.js -------------------------------------------------------------------------------- /host-selectors/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/host-selectors/index.html -------------------------------------------------------------------------------- /host-selectors/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/host-selectors/main.js -------------------------------------------------------------------------------- /host-selectors/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/host-selectors/styles.css -------------------------------------------------------------------------------- /life-cycle-callbacks/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/life-cycle-callbacks/index.html -------------------------------------------------------------------------------- /life-cycle-callbacks/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/life-cycle-callbacks/main.js -------------------------------------------------------------------------------- /popup-info-box-external-stylesheet/img/alt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-external-stylesheet/img/alt.png -------------------------------------------------------------------------------- /popup-info-box-external-stylesheet/img/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-external-stylesheet/img/default.png -------------------------------------------------------------------------------- /popup-info-box-external-stylesheet/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-external-stylesheet/index.html -------------------------------------------------------------------------------- /popup-info-box-external-stylesheet/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-external-stylesheet/main.js -------------------------------------------------------------------------------- /popup-info-box-external-stylesheet/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-external-stylesheet/style.css -------------------------------------------------------------------------------- /popup-info-box-web-component/img/alt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-web-component/img/alt.png -------------------------------------------------------------------------------- /popup-info-box-web-component/img/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-web-component/img/default.png -------------------------------------------------------------------------------- /popup-info-box-web-component/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-web-component/index.html -------------------------------------------------------------------------------- /popup-info-box-web-component/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/popup-info-box-web-component/main.js -------------------------------------------------------------------------------- /shadow-part/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/shadow-part/index.html -------------------------------------------------------------------------------- /shadow-part/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/shadow-part/main.js -------------------------------------------------------------------------------- /shadow-part/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/shadow-part/style.css -------------------------------------------------------------------------------- /simple-template/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/simple-template/index.html -------------------------------------------------------------------------------- /simple-template/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/simple-template/main.js -------------------------------------------------------------------------------- /slotchange/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/slotchange/index.html -------------------------------------------------------------------------------- /slotchange/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/slotchange/main.js -------------------------------------------------------------------------------- /slotted-pseudo-element/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/slotted-pseudo-element/index.html -------------------------------------------------------------------------------- /slotted-pseudo-element/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/slotted-pseudo-element/main.js -------------------------------------------------------------------------------- /word-count-web-component/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/word-count-web-component/index.html -------------------------------------------------------------------------------- /word-count-web-component/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdn/web-components-examples/HEAD/word-count-web-component/main.js --------------------------------------------------------------------------------