Directory

← Back

toggle-viewport

Component for preview a site with different viewport

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/goiblas/toggle-viewport on 2019-05-10 ]

Published on webcomponents.org

<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

Compatibility

(Loading compatibility data...)

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 toggle-viewport - Vaadin Add-on Directory
**[ 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 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](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 ``` ## Styling The following custom properties are available for styling: Custom property | Default -----------------|---------- `--header-color` | `#202020` `--body-color` | `#262626` `--active-color` | `#1a88ef`
Online