rsat-popup
A popup component based on web component v1 standards
[ This description is mirrored from README.md at github.com/rohithsathya/rsat-popup on 2019-05-10 ]
<rsat-popup>
<rsat-popup>
Is a popup/modal dialog component based on web component v1 standards.
Demo
LIVE DEMO
Install
Install the component using Bower:
$ bower install rsat-popup --save
Usage
Import Web Components' polyfill (if needed, for older browsers):
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
Import Custom Element:
<link rel="import" href="bower_components/rsat-popup/rsat-popup.html" />
Start using it!
<rsat-popup pos="center" backdrop="true" show="false"> <h3>your content goes here</h3> </rsat-popup>
options
Options | Explanation | Allowed Values |
---|---|---|
pos | defines where to display the popup w.r.t window | center , top-left , top-right , bottom-left , bottom-right |
show | defines if the popup is shown or not, set to true to display popup | true or false |
backdrop | this flag when set to true will draw a backdrop underneath popup | true or false |
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request
License
Copyright (c) 2017 RSAT
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- webcomponentsjs#^1.0.2
- Released
- 2017-07-16
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 1.0+
- Browser
- Browser Independent