Search

Search input components with clear functionality and various styles.

Basic Search

🔍

<div class="ethio-search">
    <input type="text" class="ethio-search-input" placeholder="Search...">
    <span class="ethio-search-icon">🔍</span>
    <button class="ethio-search-clear" style="display: none">×</button>
  </div>

Search with Button

<div class="ethio-search ethio-search-with-button">
    <input type="text" class="ethio-search-input" placeholder="Search...">
    <button class="ethio-btn ethio-btn-primary">Search</button>
  </div>

Search Sizes

🔍

<div class="ethio-search ethio-search-sm">
    <!-- Small search -->
  </div>
  
  <div class="ethio-search">
    <!-- Default search -->
  </div>
  
  <div class="ethio-search ethio-search-lg">
    <!-- Large search -->
  </div>