diff options
1 files changed, 8 insertions, 2 deletions
| -rw-r--r-- | docs/elements.html | 10 |
diff --git a/docs/elements.html b/docs/elements.html index cde99eb..88d64c8 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -1222,11 +1222,17 @@ <header class="text-center"><h3>Codes</h3></header> <section class="notes"> <p><strong>Codes</strong> are inline and multiline code snippets.</p> - <p>For inline code, you can use the element <code><code></code>. For multiline code snippet blocks, you can use <code><pre></code> with the <code>code</code> class as a container, and add <code><code></code> inside it. The <code>data-lang</code> attribute is rendered as the language name in the top right.</p> + <p>For inline code, you can use the element <code><code></code>. For multiline code snippet blocks, you can use <pre> with the <code>code</code> class as a container, and add <code> inside it. The <code>data-lang</code> attribute is rendered as the language name in the top right.</p> </section> +<pre class="code" data-lang="HTML"><code><span class="com"><!-- code snippets --></span> +<<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn"</span>> + Submit +<<span class="tag">/button</span>> +</code></pre> + <!-- codes example --> -<pre class="code" data-lang="HTML"><code><<span class="tag">pre</span> <span class="atn">class</span>=<span class="atv">"code"</span> <span class="atn">data-lang</span>=<span class="atv">"HTML"</span>><<span class="tag">code</span>><span class="com"><!-- code snippets --></span> +<pre class="code" data-lang="HTML"><code><<span class="tag">pre</span> <span class="atn">class</span>=<span class="atv">"code"</span> <span class="atn">data-lang</span>=<span class="atv">"HTML"</span>><<span class="tag">code</span>><<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"com"</span>>&lt;!-- code snippets --&gt;<<span class="tag">/span</span>> &lt;<<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"tag"</span>>button<<span class="tag">/span</span>> <<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"atn"</span>>class<<span class="tag">/span</span>>=<<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"atv"</span>>&quot;btn&quot;</span><<span class="tag">/span</span>>&gt; Submit &lt;<<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"tag"</span>>/button<<span class="tag">/span</span>>&gt; |