5 lines
5.3 KiB
JSON
5 lines
5.3 KiB
JSON
|
{
|
||
|
|
"id": "test",
|
||
|
|
"title": "Test Code Page",
|
||
|
|
"contents": "\n\n\n\n<div class=\"content\">\n <h1 id=\"test-code-page\">Test Code Page<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#test-code-page\"><i class=\"material-icons\">link</i></a></h1>\n<h2 id=\"code-tabs\"><code-tabs><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#code-tabs\"><i class=\"material-icons\">link</i></a></h2>\n<p>No linenums at code-tabs level</p>\n<code-tabs>\n <code-pane header=\"TS code file\" language=\"ts\">\n class {\n foo(param: string) {}\n }\n </code-pane>\n <code-pane header=\"HTML content file\" language=\"html\"><h1>Heading</h1></code-pane>\n <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<p>linenums=true at code-tabs level</p>\n<code-tabs linenums=\"true\">\n <code-pane header=\"TS code file\" language=\"ts\">\n class {\n foo(param: string) {}\n }\n </code-pane>\n <code-pane header=\"HTML content file\" language=\"html\"><h1>Heading</h1></code-pane>\n <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<p>No linenums at code-tabs level; linenums=true for second HTML pane</p>\n<code-tabs>\n <code-pane header=\"TS code file\" language=\"ts\">\n class {\n foo(param: string) {}\n }\n </code-pane>\n <code-pane header=\"HTML content file\" language=\"html\" linenums=\"true\"><h1>Heading</h1></code-pane>\n <code-pane header=\"JSON data file\" language=\"json\" class=\"avoid\">{ \"key\": \"value\" }</code-pane>\n</code-tabs>\n<p></p>\n<h2 id=\"code-example\"><code-example><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#code-example\"><i class=\"material-icons\">link</i></a></h2>\n<p>One line.</p>\n<code-example>const foo = 'bar'</code-example>\n<p>Multi-line, linenums=true.</p>\n<code-example linenums=\"true\">\n<hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Bah Dah Bing</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Headless Team</h3>\n </hero-team>\n</hero-details>\n</code-example>\n<p>Default linenums (false).</p>\n<code-example>\n<hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Mister Fantastic</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Headless Team</h3>\n </hero-team>\n</hero-details>\n</code-example>\n<p>Header on this one.</p>\n<code-example header=\"hero-details.component.ts (excerpt)\">\n <hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Mister Fantastic</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Winning Team</h3>\n </hero-team>\n </hero-details>\n</code-example>\n<p>An \"avoid\" header on this one.</p>\n<code-example class=\"avoid\" header=\"hero-details.component.ts (Avoid)\">\n <hero-details <em>nghost-pmm-5>\n <h2 </em>ngcontent-pmm-5>Mister Fantastic</h2>\n <hero-team <em>ngcontent-pmm-5 </em>nghost-pmm-6>\n <h3 _ngcontent-pmm-6>Losing Team</h3>\n </hero-team>\n </hero-details>\n</code-example>\n<h2 id=\"backticked-code-blocks\">Backticked code blocks<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#backticked-code-blocks\"><i class=\"material-icons\">link</i></a></h2>\n<code-example language=\"html\">\n <hero-details>\n <h2>Mister Fantastic</h2>\n <hero-team>\n <h3>Losing Team</h3>\n </hero-team>\n </hero-details>\n</code-example>\n<h2 id=\"live-example\"><live-example><a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"test#live-example\"><i class=\"material-icons\">link</i></a></h2>\n<p>Plain live-example</p>\nTry this <live-example></live-example>.\n<p>live-e
|
||
|
|
}
|