https://github.com/cfware/no-webcomponents

An element that displays only when webcomponents are unsupported.
https://github.com/cfware/no-webcomponents

Last synced: 29 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 (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-10-20T15:29:14.000Z (about 6 years ago)
• Last Synced: 2024-11-19T21:38:03.826Z (about 1 month ago)
• Language: JavaScript
• Size: 861 KB
• Stars: 4
• Watchers: 2
• 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