toggle-viewport
Component for preview a site with different viewport
[ This description is mirrored from README.md at github.com/goiblas/toggle-viewport on 2019-05-10 ]
<toggle-viewport>
Component for preview a site with different viewport
To Use
Import the component
<link rel="import" href="toggle-viewport.html">
Use the tag with attribute url that you prefer, for example:
<toggle-viewport url="https://www.polymer-project.org/"></toggle-viewport>
Styling
The following custom properties are available for styling:
| Custom property | Default |
|---|---|
--header-color |
#202020 |
--body-color |
#262626 |
--active-color |
#1a88ef |
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
- polymer#Polymer/polymer#^2.0.0
- Released
- 2017-06-11
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
toggle-viewport - Vaadin Add-on Directory
Component for preview a site with different viewport
**[ This description is mirrored from README.md at [github.com/goiblas/toggle-viewport](https://github.com//goiblas/toggle-viewport/blob/v0.1.1/README.md) on 2019-05-10 ]**
[](https://www.webcomponents.org/element/owner/my-element)
# \
Component for preview a site with different viewport
## To Use
Import the component
```html
```
Use the tag with attribute url that you prefer, for example:
```html
GitHub HomepageIssue tracker
Documentation
View on GitHub
Online Demo
toggle-viewport version 0.1.0
### Dependencies
* polymer#Polymer/polymer#^2.0.0
toggle-viewport version 0.1.1
### Dependencies
* polymer#Polymer/polymer#^2.0.0