Procwire documentation
Each section below shows a live rendering of the component followed by the exact markup to copy. The comment on the first line of each snippet — <!--[ Feature Name ]--> — is just a label; it's optional and safe to delete. Typography Bare <h1> – <h6> tags carry a default scale (used as a fallback anywhere a component doesn't set its own size). Alongside them, a set of utility classes — .subtitle1 , .subtitle2 , .body1 , .body2 , .text-button , .caption , .overline — cover the smaller in-between sizes, and .font-thin through .font-extrabold , .italic , .underline , and .line-through layer on style, weight, and decoration. Type Scale Heading - H1 Heading - H2 Heading - H3 Heading - H4 Heading - H5 Heading - H6 Subtitle 1 Subtitle 2 Body 1 Body 2 Button Caption <!--[ Type Scale ]-->
<h1>Heading - H1</h1>
<h2>Heading - H2</h2>
<h3>Heading - H3</h3>
<h4>Heading - H4</h4>
<h5>Heading - H5</h5>
<h6>Heading - H6</h6>
…
About the author
Proudly African 🇲🇼. Modern life, shaped by the echoes of traditional drums.
