Filters

Filters allow users to refine and customize displayed content based on specific criteria or preferences. They assist users to sort, search, or categorize information, enhancing their ability to find relevant content quickly and efficiently.

---

Search Filter

The search filter provides users with a method to navigate the website by inputting keywords. It can serve as the main method for discovering content or act as a filtering tool to assist users in locating specific content.

<div class="search-form_wrapper">
  <form action="">
    <input class="forms-search" type="text" placeholder="Search forms for landlords" name="search"/>
    <button class="btn btn-submit" type="submit">Search</button>
  </form>
</div>
  

---

Dropdown Filter

Dropdown filters are useful when dealing with large sets of information since it offers users a concise and organized way to filter and narrow down content according to specific criteria or categories.

<div class="dropdown-filter">
  <select id="country" name="country">
    <option value="canada">Canada</option>
    <option value="usa">USA</option>
    <option value="uk">UK</option>
    <option value="australia">Australia</option>
  </select>
</div>