Example
Markup
<div class="bar bar--return">
<a href="javascript://" class="bar__title">
Heading 3
</a>
<div class="bar__secondary bar-actions">
<a href="javascript://" class="bar-actions__text">This is action</a>
</div>
</div>
<br>
<div class="bar">
<a href="javascript://" class="bar__title">
Heading 3
</a>
<div class="bar__secondary bar-actions">
<ul class="bar-actions__actions">
<li>
<button href="javascript://" class="btn btn--plain btn--icon icon icon-menu-more"></button>
</li>
<li>
<button href="javascript://" class="btn btn--plain btn--icon icon icon-menu-more"></button>
</li>
<li>
<button href="javascript://" class="btn btn--plain btn--icon icon icon-menu-more"></button>
</li>
</ul>
</div>
</div>
<br>
<div class="bar">
<a href="javascript://" class="bar__title">
Heading 3
</a>
<div class="bar__secondary bar-actions">
<button href="javascript://" class="bar-actions__button btn">Default</button>
</div>
</div>
Source:
assets/styles/03-molecules/03-bars/_bar.scss, line 1