DAHLIA Pattern Library

Banner Bar 

<div class="banner-bar bar bg-alert">
    <div class="row">
        <div class="medium-12 columns">
            <div class="a-icon-left">
                <span class="ui-icon ui-static ui-medium i-white ">
          <svg>
            <use xlink:href="#i-warning"></use>
          </svg>
        </span>
                <p class="offset-icon c-white t-small t-semi">Alert text goes here. It will not be covered up by anything no matter how long the text gets.</p>
            </div>
        </div>
    </div>
</div>
 
<div class="banner-bar bar bg-alert">
  <div class="row">
    <div class="medium-12 columns">
      <div class="a-icon-left">
        {{> @icons-base icon="warning" fill="white"}}
        <p class="offset-icon c-white t-small t-semi">Alert text goes here. It will not be covered up by anything no matter how long the text gets.</p>
      </div>
    </div>
  </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.