https://github.com/cfware/no-webcomponents
An element that displays only when webcomponents are unsupported.
https://github.com/cfware/no-webcomponents
Last synced: 25 days ago
JSON representation
An element that displays only when webcomponents are unsupported.
- Host: GitHub
- URL: https://github.com/cfware/no-webcomponents
- Owner: cfware
- License: mit
- Created: 2015-06-09T23:13:30.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2018-10-20T15:29:14.000Z (over 7 years ago)
- Last Synced: 2025-10-01T02:55:53.172Z (6 months ago)
- Language: JavaScript
- Size: 861 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# no-webcomponents
[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![MIT][license-image]](LICENSE)
Self-hiding custom element used to display an error if custom elements are not supported.
This takes advantage of the fact that legacy browsers treat unknown tags the same as a
`
`. This means that without polyfills those browsers will display the contents of
``. When custom elements and shadow dom v1 are supported it is hidden.
## Install
```sh
$ npm install no-webcomponents
```
## Usage
See [gh-pages] [(source)] for a demo usage of this element.
[npm-image]: https://img.shields.io/npm/v/no-webcomponents.svg
[npm-url]: https://npmjs.org/package/no-webcomponents
[downloads-image]: https://img.shields.io/npm/dm/no-webcomponents.svg
[downloads-url]: https://npmjs.org/package/no-webcomponents
[license-image]: https://img.shields.io/npm/l/no-webcomponents.svg
[gh-pages]: http://cfware.github.io/no-webcomponents/
[(source)]: https://github.com/cfware/no-webcomponents/tree/gh-pages