fc662728eb
There is no build for the element or site utilities like PrismJS yet, so this site only works locally at the moment.
111 lines
2.4 KiB
HTML
111 lines
2.4 KiB
HTML
|
|
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><my-element> ⌲ Docs</title>
|
|
<link rel="stylesheet" href="/docs/docs.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Mono">
|
|
<link href="/node_modules/prismjs/themes/prism-okaidia.css" rel="stylesheet" />
|
|
<script type="module" src="/my-element.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<h1><my-element></h1>
|
|
<h2>A web component just for me.</h2>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="/docs/">Home</a>
|
|
<a href="/docs/examples/">Examples</a>
|
|
<a href="/docs/api/">API</a>
|
|
<a href="/docs/install/">Install</a>
|
|
</nav>
|
|
<div id="main-wrapper">
|
|
<main>
|
|
|
|
<h1>API</h1>
|
|
|
|
<h2><my-element></h2>
|
|
<div>
|
|
An example element.
|
|
</div>
|
|
|
|
<h3>Attributes</h3>
|
|
<table>
|
|
<tr>
|
|
<th>Name</th><th>Description</th><th>Type</th><th>Default</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>name</td><td>The name to say "Hello" to.</td><td>string</td><td>"World"</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>count</td><td>The number of times the button has been clicked.</td><td>number</td><td>0</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
<h3>Properties</h3>
|
|
<table>
|
|
<tr>
|
|
<th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>name</td><td>name</td><td>The name to say "Hello" to.</td><td>string</td><td>"World"</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>count</td><td>count</td><td>The number of times the button has been clicked.</td><td>number</td><td>0</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<h3>Slots</h3>
|
|
<table>
|
|
<tr>
|
|
<th>Name</th><th>Description</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td></td><td>This element has a slot</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
<h3>CSS Shadow Parts</h3>
|
|
<table>
|
|
<tr>
|
|
<th>Name</th><th>Description</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>button</td><td>The button</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
</main>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>
|
|
Made with
|
|
<a href="https://github.com/PolymerLabs/lit-element-starter-ts">lit-element-starter-ts</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html> |