| <!DOCTYPE html>
| <html>
|   lang="en"
|   <head>
|     "
    "
|     <title>
|       "Document"
|     "
"
|   "
"
|   <body>
|     "
    "
|     <template>
|       content
|         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 }
        "
|         "
        "
|         <details>
|           "
            "
|           <summary>
|             "
                "
|             <code>
|               class="name"
|               "<"
|               <slot>
|                 name="element-name"
|                 "NEED NAME"
|               ">"
|             "
                "
|             <i>
|               class="desc"
|               <slot>
|                 name="description"
|                 "NEED DESCRIPTION"
|             "
            "
|           "
            "
|           <div>
|             class="attributes"
|             "
                "
|             <h4>
|               "Attributes"
|             "
                "
|             <slot>
|               name="attributes"
|               <p>
|                 "None"
|             "
            "
|           "
        "
|         "
        "
|         <hr>
|         "
    "
|     "

    "
|     <template>
|       content
|         id="tmpl1"
|         "
        "
|         <div>
|           id="div1"
|           "This is div inside template"
|         "
        "
|         <div>
|           id="div2"
|           "This is another div inside template"
|         "
        "
|         <template>
|           content
|             id="tmpl2"
|             <div>
|               id="div3"
|               "This is div inside nested template"
|             "
            "
|             <div>
|               id="div4"
|               "This is another div inside nested template"
|             "
        "
|         "
    "
|     "

    "
|     <template>
|       content
|         <div>
|           "test"
|     "


"
