mirror of
https://github.com/swc-project/swc.git
synced 2024-12-22 13:11:31 +03:00
44 lines
1.5 KiB
HTML
44 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Document</title>
|
|
</head>
|
|
<body>
|
|
<template id="element-details-template">
|
|
<style>
|
|
details {font-family: "Open Sans Light", Helvetica, Arial, sans-serif }
|
|
.name {font-weight: bold; color: #217ac0; font-size: 120% }
|
|
h4 {
|
|
margin: 10px 0 -8px 0;
|
|
background: #217ac0;
|
|
color: white;
|
|
padding: 2px 6px;
|
|
border: 1px solid #cee9f9;
|
|
border-radius: 4px;
|
|
}
|
|
.attributes { margin-left: 22px; font-size: 90% }
|
|
.attributes p { margin-left: 16px; font-style: italic }
|
|
</style>
|
|
<details>
|
|
<summary>
|
|
<code class="name"><<slot name="element-name">NEED NAME</slot>></code>
|
|
<i class="desc"><slot name="description">NEED DESCRIPTION</slot></i>
|
|
</summary>
|
|
<div class="attributes">
|
|
<h4>Attributes</h4>
|
|
<slot name="attributes"><p>None</p></slot>
|
|
</div>
|
|
</details>
|
|
<hr>
|
|
</template>
|
|
|
|
<template id="tmpl1">
|
|
<div id="div1">This is div inside template</div>
|
|
<div id="div2">This is another div inside template</div>
|
|
<template id="tmpl2"><div id="div3">This is div inside nested template</div>
|
|
<div id="div4">This is another div inside nested template</div>
|
|
</template>
|
|
</template>
|
|
</body>
|
|
</html>
|