Skip to contentGet startedTokensComponents@hackclub/theme@hackclub/tokens@hackclub/css-base@hackclub/components@hackclub/meta GitHub
Content

Code block

A code block with an optional file name and a copy button. Common indentation is removed. Write the code as text content, escaping < as &lt;.


<hc-code>

<link rel="stylesheet" href="https://unpkg.com/@hackclub/theme@2/dist/hackclub.css" /> <script type="module" src="https://unpkg.com/@hackclub/theme@2/dist/hackclub.js"></script> 
<hc-code filename="index.html">
  &lt;link rel="stylesheet" href="https://unpkg.com/@hackclub/theme@2/dist/hackclub.css" /&gt;
  &lt;script type="module" src="https://unpkg.com/@hackclub/theme@2/dist/hackclub.js"&gt;&lt;/script&gt;
</hc-code>

API

Attributes

NameTypeDescription
filenamestringHeader label
languagestringInformational; no highlighting is applied
nocopybooleanHide the copy button

CSS parts

NameDescription
pre
copyCopy button

The design system behind hackclub.com.
Made with <3 by Lamparter.

Get startedTokensComponents@hackclub/theme@hackclub/tokens@hackclub/css-base@hackclub/components@hackclub/metaWebsiteBrand guideIconshackclub/site