this seems like I'm going the wrong direction for separation of concerns

navbar.html

@!(title, style)
<div class="container">
  @{
    styles = style.split(' ')
  }

  @if (styles.indexOf('back') != -1) {
  <span class="back">
    <div class="chevron left"></div>
    <span class="back-label">Back</span>
  </span>
  }

  <span class="title">@title</span>

  @if (styles.indexOf('search') != -1) {
  <a href="#" class="glyphicon glyphicon-search">
  </a>
  }
</div>