SDC Pattern Library

Bar

There are no notes for this item.

<!-- Default -->
<div class="bar" role="banner">
    <div class="bar__inner container">
        <h1 class="bar__title venus">Title content of bar goes here</h1>
    </div>
</div>


<!-- Hero -->
<div class="bar bar--hero" role="banner">
    <div class="bar__inner container">
        <div class="badge badge--amber">beta</div>
        <h1 class="bar__title jupiter">Other input fields</h1>
        <h2 class="venus">Notice is given under section 1 of the Statistics of Trade Act 1947</h2>
    </div>
</div>
<br>


/* Default */
{
  "bar_title": "Title content of bar goes here"
}


/* Hero */
{
  "bar_title": "Title content of bar goes here"
}