https://github.com/24webcomponents/spoiler-alert-element
Don't spoil things!
https://github.com/24webcomponents/spoiler-alert-element
24-web-components custom-element web-component
Last synced: 4 months ago
JSON representation
Don't spoil things!
- Host: GitHub
- URL: https://github.com/24webcomponents/spoiler-alert-element
- Owner: 24webcomponents
- License: mit
- Created: 2022-12-02T17:01:59.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-30T17:36:46.000Z (over 1 year ago)
- Last Synced: 2025-02-04T21:43:35.486Z (over 1 year ago)
- Topics: 24-web-components, custom-element, web-component
- Language: TypeScript
- Homepage:
- Size: 235 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
README
# <spoiler-alert> element
Don't spoil things!
## Installation
Available on [npm](https://www.npmjs.com/) as [**spoiler-alert-element**](https://www.npmjs.com/package/spoiler-alert-element).
```
$ npm install --save spoiler-alert-element
```
## Usage
### Script
Import as ES modules:
```js
import 'spoiler-alert-element'
```
Include with a script tag:
```html
```
Mask text until the user interacts with it!
```
<spoiler-alert>Hidden text</spoiler-alert>
```
## Browser support
Browsers without native [custom element support][support] require a [polyfill][].
- Chrome
- Firefox
- Safari
- Microsoft Edge
[support]: https://caniuse.com/custom-elementsv1
[polyfill]: https://github.com/webcomponents/custom-elements
## License
Distributed under the MIT license. See LICENSE for details.