Text Block<!-- --> | Broadacre

Text Block

Pattern Lineage: eyebrowshapestypographybuttonshyperlinkcolors

Demo
H600 EYEBROW

Text Block H100, left aligned

Body large, Max characters 125 (done in text field configuration). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Hyperlink
Usage
<div class="text-block">
    <h6 class="eyebrow">H600 EYEBROW</h6>
    <h1>Text Block H100, left aligned</h1>
    <div class="accent"></div>
    <div class="mar-b-7 body-lg">Body large, Max characters 125 (done in text field configuration). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</div>
    <div class="row">
        <div class="btn-combo"><button class="btn btn-primary">
                <div>Optional Button</div>
            </button><a class="hyperlink arrow-right  " href=""> Hyperlink</a></div>
    </div>
</div>
Options