This repository has been archived by the owner on Dec 19, 2017. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 33
Global Settings
Kathy Walrath edited this page Sep 15, 2015
·
1 revision
Document-level global Polymer settings can be set
by creating a Polymer object on window before importing the Polymer
library:
<html>
<head>
<meta charset="utf-8">
<script src="components/webcomponentsjs/webcomponents-lite.js"></script>
<script>
window.Polymer = window.Polymer || {};
window.Polymer.dom = 'shadow';
</script>
<!-- import a component that relies on Polymer -->
<link rel="import" href="elements/my-app.html">
</head>
<body>Note: The full version of webcomponents.js includes a stub version
of the Polymer function. Setting the value this way avoids overwriting the
stub.
Settings can also be switched on the URL query string:
http://myserver.com/test-app/index.html?dom=shadow
Available settings:
-
dom- options:-
shady. All local DOM is rendered using shady DOM, even where shadow DOM is supported (current default). -
shadow. Local DOM is rendered using shadow DOM where supported (this will be the default in the future).
-