<div align="center" style="text-align: center;">
  <h1 style="border-bottom: none;">really-elements</h1>

  <p>A collection of opinionated custom elements for the web</p>
</div>

<hr />

<a href="https://www.buymeacoffee.com/RLmMhgXFb" target="_blank" rel="noopener noreferrer"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 20px !important;width: auto !important;" ></a>
[![tippin.me][tippin-me-badge]][tippin-me-url]
[![Follow me][follow-me-badge]][follow-me-url]

[![Version][version-badge]][version-url]
[![lit][lit-version-badge]][lit-url]
[![MIT License][mit-license-badge]][mit-license-url]

[![ci][ga-badge]][ga-url]
[![codecov][codecov-badge]][codecov-url]

> Custom elements for the web

## Table of contents <!-- omit in toc -->

- [Available elements](#available-elements)
- [Browser compatibility](#browser-compatibility)
- [License](#license)

## Available elements

* [code-configurator]
* [clipboard-copy]

## Browser compatibility

`really-elements` works in all major browsers (Chrome, Firefox, IE, Edge, Safari, and Opera).

[Heavily tested](/.circleci/config.yml) on the following browsers:

| Name | OS |
| --- | --- |
| Edge 17 | Windows 10 |
| Edge 15 | Windows 10 |
| Internet Explorer 11 | Windows 10 |
| Safari 10.1 | Mac OS 10.12 |
| Safari 9 | Mac OS X 10.11 |
| Firefox 62 (w/o native Shadow DOM) | macOS Mojave (10.14) |
| Chrome 69 ([WRE 2019][wre-2019-url]) | Windows 10 |

## License

[MIT License](https://motss.mit-license.org/) © Rong Sen Ng (motss)

<!-- References -->
[lit-url]: https://github.com/lit/lit
[web-component-tester-url]: https://github.com/Polymer/tools/tree/master/packages/web-component-tester

[code-configurator]: ./src/code-configurator
[clipboard-copy]: ./src/clipboard-copy

<!-- Badges -->
[tippin-me-badge]: https://badgen.net/badge/%E2%9A%A1%EF%B8%8Ftippin.me/@igarshmyb/F0918E
[follow-me-badge]: https://flat.badgen.net/twitter/follow/igarshmyb?icon=twitter

[version-badge]: https://flat.badgen.net/npm/v/@reallyland/reallyelements?icon=npm
[lit-version-badge]: https://flat.badgen.net/npm/v/lit/latest?icon=npm&label=lit
[mit-license-badge]: https://flat.badgen.net/npm/license/@reallyland/really-elements

[tippin-me-badge]: https://badgen.net/badge/%E2%9A%A1%EF%B8%8Ftippin.me/@igarshmyb/F0918E
[follow-me-badge]: https://flat.badgen.net/twitter/follow/igarshmyb?icon=twitter

[mit-license-badge]: https://flat.badgen.net/github/license/reallyland/really-elements

[ga-badge]: https://github.com/reallyland/really-elements/actions/workflows/ci.yml/badge.svg
[codecov-badge]: https://codecov.io/gh/reallyland/really-elements/branch/master/graph/badge.svg?token=llfCEKYjkd

<!-- Links -->
[tippin-me-url]: https://tippin.me/@igarshmyb
[follow-me-url]: https://twitter.com/igarshmyb?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=@reallyland/really-elements

[version-url]: https://www.npmjs.com/package/@reallyland/really-elements/v/latest?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=@reallyland/really-elements
[mit-license-url]: /LICENSE

[ga-url]: https://github.com/reallyland/really-elements/actions/workflows/ci.yml
[codecov-url]: https://codecov.io/gh/reallyland/really-elements
