forked from Polymer/old-docs-site
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
60 changed files
with
21,741 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| auto: true | ||
| server: true | ||
| pygments: true | ||
| markdown: redcarpet | ||
| # # safe: true | ||
| # # lsi: false | ||
| # # destination: docs/ | ||
| # # url: http://localhost:4000/docs |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <div class="span3"> | ||
| <div class="well sidebar-nav affix"> | ||
| <ul class="nav nav-list"> | ||
| <li class="nav-header">Getting Started | ||
| </li> | ||
| <li> | ||
| <a href="index.html">Introduction</a> | ||
| </li> | ||
| <li> | ||
| <a href="getting-the-code.html">Get the code</a> | ||
| </li> | ||
| <li> | ||
| <a href="getting-started.html">Get started</a> | ||
| </li> | ||
| <li class="nav-header">Components | ||
| </li><!-- <li><a href="components.html">About Toolkit components</a></li> --> | ||
| <li> | ||
| <a href="toolkit-kernel-explainer.html">Toolkit kernel</a> | ||
| </li> | ||
| <li class="nav-header">More information | ||
| </li> | ||
| <li> | ||
| <a href="runtime-config.html">Runtime configuration options</a> | ||
| </li> | ||
| <li> | ||
| <a href="shadow-dom-shim.html">About the Shadow DOM shim</a> | ||
| </li> | ||
| </ul> | ||
| </div><!--well --> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| <!-- Source tabs --> | ||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element" data-toggle="tab">my-element.html</a></li> | ||
| <li><a href="#index" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
|
|
||
| <!-- Source tab content --> | ||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element"> | ||
| {% highlight html %} | ||
| <element name="my-element"> | ||
| <template> | ||
| This is <b>my-element</b>. There are many like it, but this one is mine. | ||
| </template> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <!-- Load custom element --> | ||
| <link rel="components" href="my-element.html"> | ||
| </head> | ||
| <body> | ||
| <!-- Instantiate custom element --> | ||
| <my-element></my-element> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
| <!-- Running sample --> | ||
| <div class="well"> | ||
| <my-element></my-element> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| <!-- tk-element-databinding-color.html --> | ||
|
|
||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element5" data-toggle="tab">tk-element-databinding-color.html</a></li> | ||
| <li><a href="#index5" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
|
|
||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element5"> | ||
| {% highlight html %} | ||
| <element name="tk-element-databinding-color"> | ||
| <link rel="components" href="toolkit/src/g-component.html"> | ||
| <template> | ||
| This is a <strong>{{"{{owner"}}}}</strong>'s tk-element. He likes the color <span style="color: {{"{{color"}}}}">{{"{{color"}}}}</span>. | ||
| </template> | ||
| <script> | ||
| this.component({ | ||
| owner: "Daniel", | ||
| color: "red" | ||
| }); | ||
| </script> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index5"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <link rel="components" href="tk-element-databinding-color.html"> | ||
| </head> | ||
| <body> | ||
| <tk-element-databinding-color></tk-element-databinding-color> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
|
|
||
| <!-- Running sample --> | ||
| <div class="well"> | ||
| <tk-element-databinding-color></tk-element-databinding-color> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element3" data-toggle="tab">tk-element-databinding.html</a></li> | ||
| <li><a href="#index3" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element3"> | ||
| {% highlight html %} | ||
| <element name="tk-element-databinding"> | ||
| <link rel="components" href="toolkit/src/g-component.html"> | ||
| <template> | ||
| This is a <strong>{{"{{owner"}}}}</strong>'s tk-element. | ||
| </template> | ||
| <script> | ||
| this.component({ | ||
| owner: "Daniel" | ||
| }); | ||
| </script> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index3"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <link rel="components" href="tk-element-databinding.html"> | ||
| </head> | ||
| <body> | ||
| <tk-element-databinding></tk-element-databinding> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
|
|
||
| <!-- Running sample --> | ||
| <div class="well"> | ||
| <tk-element-databinding></tk-element-databinding> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| <!-- Source tabs --> | ||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element8" data-toggle="tab">tk-node-finding.html</a></li> | ||
| <li><a href="#index8" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
|
|
||
| <!-- Source tab content --> | ||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element8"> | ||
| {% highlight html %} | ||
| <element name="tk-element-event-binding"> | ||
| <link rel="comopnents" href="toolkit/src/g-component.html"> | ||
| <template> | ||
| <p>This is a <strong>{{owner}}</strong>'s tk-element. He likes the color <span style="color: {{color}}">{{color}}</span>.</p> | ||
| <button on-click="sayHello">Say hello</button> | ||
| </template> | ||
| <script> | ||
| this.component({ | ||
| publish: { | ||
| color: "red", | ||
| owner: "Daniel" | ||
| }, | ||
| sayHello: function(inEvent, inDetail, inSender) { | ||
| alert(this.owner + " says hi!"); | ||
| inSender.innerText = "Thanks!" | ||
| } | ||
| }); | ||
| </script> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index8"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <!-- Load custom element --> | ||
| <link rel="components" href="tk-element-event-binding.html"> | ||
| </head> | ||
| <body> | ||
| <!-- Instantiate custom element --> | ||
| <tk-element-event-binding></tk-element-event-binding> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
| <!-- Running sample --> | ||
| <div class="well"> | ||
| <tk-element-event-binding owner="Scott" color="blue"></tk-element-event-binding> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element7" data-toggle="tab">tk-element-property-public-publish.html</a></li> | ||
| <li><a href="#index7" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
|
|
||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element7"> | ||
| {% highlight html %} | ||
| <element name="tk-element-property-public-publish"> | ||
| <link rel="components" href="toolkit/src/g-component.html"> | ||
| <template> | ||
| This is a <strong>{{"{{owner"}}}}</strong>'s tk-element. He likes the color <span style="color: color">{{"{{color}}}}</span>. | ||
| </template> | ||
| <script> | ||
| this.component({ | ||
| publish: { | ||
| color: "red", | ||
| owner: "Daniel" | ||
| } | ||
| }); | ||
| </script> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index7"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <link rel="components" href="tk-element-property-public-publish.html"> | ||
| </head> | ||
| <body> | ||
| <div class="well"> | ||
| <tk-element-property-public-publish owner="Alex" color="purple"> | ||
| </tk-element-property-public-publish> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
|
|
||
| <!-- Live sample. --> | ||
| <div class="well"> | ||
| <tk-element-property-public-publish owner="Alex" color="purple"> | ||
| </tk-element-property-public-publish> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element6" data-toggle="tab">tk-element-property-public.html</a></li> | ||
| <li><a href="#index6" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
|
|
||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element6"> | ||
| {% highlight html %} | ||
| <element name="tk-element-property-public" attributes="owner color"> | ||
| <link rel="components" href="toolkit/src/g-component.html"> | ||
| <template> | ||
| This is a <strong>{{owner}}</strong>'s tk-element. He likes the color <span style="color: {{ "{{ color " }}}}">{{ "{{ color " }}}}</span>. | ||
| </template> | ||
| <script> | ||
| this.component({ | ||
| owner: "Daniel", | ||
| color: "red" | ||
| }); | ||
| </script> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index6"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <link rel="components" href="tk-element-property-public.html"> | ||
| </head> | ||
| <body> | ||
| <div class="well"> | ||
| <!-- Make new component and specify values for new public properties. --> | ||
| <tk-element-property-public owner="Scott" color="blue"> | ||
| </tk-element-property-public> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
|
|
||
| <!-- Running sample --> | ||
| <div class="well"> | ||
| <tk-element-property-public owner="Scott" color="blue"></tk-element-property-public> | ||
|
|
||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| <ul id="myTab" class="nav nav-tabs"> | ||
| <li class="active"><a href="#element4" data-toggle="tab">tk-element-property.html</a></li> | ||
| <li><a href="#index4" data-toggle="tab">index.html</a></li> | ||
| </ul> | ||
|
|
||
| <div class="tab-content"> | ||
| <div class="tab-pane active" id="element4"> | ||
| {% highlight html %} | ||
| <element name="tk-element-property"> | ||
| <link rel="components" href="toolkit/src/g-component.html"> | ||
| <template> | ||
| This is a <b>tk-element</b> with a (protected) property. | ||
| </template> | ||
| <script> | ||
| this.component({ | ||
| owner: "Daniel" | ||
| }); | ||
| </script> | ||
| </element> | ||
| {% endhighlight html %} | ||
| </div> | ||
| <div class="tab-pane" id="index4"> | ||
| {% highlight html %} | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <script src="../platform/platform.js"></script> | ||
| <link rel="components" href="tk-element-property.html"> | ||
| </head> | ||
| <body> | ||
| <tk-element-property></tk-element-property> | ||
| </body> | ||
| </html> | ||
| {% endhighlight html %} | ||
| </div> | ||
| </div> | ||
|
|
||
| #### Result #### | ||
|
|
||
| <!-- Running sample --> | ||
| <div class="well"> | ||
| <tk-element-property></tk-element-property> | ||
| </div> |
Oops, something went wrong.