DAHLIA Pattern Library

Lead Header: Default 

<header class="lead-header bg-attention-tint ">
    <div class="row">
        <div class="large-12 columns">
            <hgroup class="lead-header_group">
                <h1 class="lead-header_title c-oil">Page Header</h1>
            </hgroup>
        </div>
    </div>
</header>
 
<header class="lead-header bg-{{default background 'attention-tint'}} {{default classes ''}}">
  <div class="row">
    <div class="large-12 columns">
      <hgroup class="lead-header_group">
        <h1 class="lead-header_title c-{{default color 'oil'}}">{{default title 'Page Header'}}</h1>
        {{#if description}}
        <div class="medium-8 columns no-padding show-for-medium-up">
          <p class="t-epsilon t-serif c-{{default color 'oil'}}">{{default description "Enter details about household size and income and we'll highlight properties you might be eligible for"}}</p>
        </div>
        {{/if}}
      </hgroup>
    </div>
  </div>
</header>
 
/* No context defined for this component. */

There are no notes for this item.