Code
| Class name | Type | Description |
|---|---|---|
tc-code | Component | Styled pre block |
tc-code-alt | Utility | Alternate styled pre block |
tc-code-terminal | Utility | Alternate styled pre block |
tc-code-circles | Component | Styled circles for inside code block |
Examples
This is code inside a pre block that spans multiple lines
This is code inside a pre block that spans multiple lines
This is code inside a pre block that spans multiple lines
This is code inside a pre block that spans multiple lines
This is code inside a pre block that spans multiple lines
<!-- .tc-code -->
<div class="tc-code mb-6">
<pre>
<code>This is code inside a pre block that spans multiple lines</code>
</pre>
</div>
<!-- .tc-code-alt -->
<div class="tc-code tc-code-alt mb-6">
<pre>
<code>This is code inside a pre block that spans multiple lines</code>
</pre>
</div>
<!-- .tc-code-terminal -->
<div class="tc-code tc-code-terminal mb-6">
<pre>
<code>This is code inside a pre block that spans multiple lines</code>
</pre>
</div>
<!-- .tc-code-circles -->
<div class="tc-code mb-6">
<span class="tc-code-circles"></span>
<pre>
<code>This is code inside a pre block that spans multiple lines</code>
</pre>
</div>
<div class="tc-code tc-code-terminal">
<span class="tc-code-circles"></span>
<pre>
<code>This is code inside a pre block that spans multiple lines</code>
</pre>
</div>