Code

Code blocks are available as a web component using the skin-code tag.

Attributes:

data-class-code: Class(es) to add to code tag (optional)
data-circles: Show circles? true/false (optional)
data-style: Alternate style (optional)

Valid styles include:

bt: 4px top border
br: 4px right border
bb: 4px bottom border
bl: 4px left border
terminal: Dark background

Examples

This is code inside a pre block

This is code inside a pre block with a left border

This is code inside a pre block with a terminal style and circles


                
                <skin-code class="mb-6">
    This is code inside a pre block
</skin-code>

<skin-code class="mb-6" data-style="bl">
    This is code inside a pre block with a left border
</skin-code>

<skin-code data-circles="true" data-style="terminal">
    This is code inside a pre block with a terminal style and circles
</skin-code>