Pleasance Styleguide

Search Page No Results 

<div class="mt-4">
    <h1 class="text-uppercase fs-3">No results</h1>
    <p>Sorry, we couldn't find anything matching 'test search phrase'</p>
    <p>Please try again with a different search.</p>
    <div class="p-4 bg-secondary rounded text-white">
        <form action="#" class="d-flex align-items-end gap-2">
            <div class="mt-2 ">
                <input type="text" class="mb-2 form-control" aria-label="Search again" id="keywords" name="keywords" value="test search phrase" size="60" maxlength="128" placeholder="enter keywords here">
            </div>
            <button class="my-2 btn btn-primary">Search</button>
        </form>
    </div>
</div>
 
<div class="mt-4">
  <h1 class="text-uppercase fs-3">No results</h1>
  <p>Sorry, we couldn't find anything matching '{{ keywords }}'</p>
  <p>Please try again with a different search.</p>
  <div class="p-4 bg-secondary rounded text-white">
    <form action="#" class="d-flex align-items-end gap-2">
      {% render "@input-text" with {
        "id": "keywords",
        "title": "Search again",
        "placeholder": "enter keywords here",
        "value": keywords,
        "no_label": true
      }%}
      {% render "@button" with { "title": "Search" } %}
    </form>
  </div>
</div>
 
{
  "is_front": false,
  "keywords": "test search phrase"
}

No notes defined.