Amara styleguide


Content header

Use these headers wherever there is a list or section of content that will be grouped and filtered should exist. The header can be implemented with a searchbar and add button for select lists.

Example


<div class="row">
  <div class="col-sm-12 contentHeader">
    <div class="contentHeader-title">Select Lists</div>
  </div>
  <div class="col-sm-12 col-md-4">
    {{ form.search }}
  </div>
  <div class="col-sm-6 col-md-2">
    <button data-href="#" class="button cta ajaxLink">
      <span class="fa fa-plus"></span>
      Add Item
    </button>
  </div>
</div>

Select Lists