Ngorei NexaUI

<div class="nx-search">
  <input type="text" placeholder="Cari sesuatu...">
  <button class="nx-search-btn">
    <i class="fas fa-search"></i>
  </button>
</div>
                

<div class="nx-search nx-search-outline">
  <input type="text" placeholder="Cari sesuatu...">
  <button class="nx-search-btn">
    <i class="fas fa-search"></i>
  </button>
</div>
              

<div class="nx-search nx-search-sm">
  <input type="text" placeholder="Search kecil...">
  <button class="nx-search-btn"><i class="fas fa-search"></i></button>
</div>

<div class="nx-search">
  <input type="text" placeholder="Search normal...">
  <button class="nx-search-btn"><i class="fas fa-search"></i></button>
</div>

<div class="nx-search nx-search-lg">
  <input type="text" placeholder="Search besar...">
  <button class="nx-search-btn"><i class="fas fa-search"></i></button>
</div>
              

<div class="nx-search nx-search-autocomplete">
  <input type="text" placeholder="Ketik untuk mencari...">
  <button class="nx-search-btn">
    <i class="fas fa-search"></i>
  </button>
  <div class="nx-search-suggestions">
    <div class="nx-search-item">Suggestion 1</div>
    <div class="nx-search-item">Suggestion 2</div>
    <div class="nx-search-item">Suggestion 3</div>
  </div>
</div>
              

<!-- Search dengan Clear Button -->
<div class="nx-search nx-search-with-clear">
  <input type="text" placeholder="Ketik dan clear...">
  <button class="nx-search-clear">
    <i class="fas fa-times"></i>
  </button>
  <button class="nx-search-btn">
    <i class="fas fa-search"></i>
  </button>
</div>

<!-- Search dengan Loading State -->
<div class="nx-search nx-search-loading">
  <input type="text" placeholder="Sedang mencari..." disabled>
  <div class="nx-search-spinner"></div>
  <button class="nx-search-btn" disabled>
    <i class="fas fa-search"></i>
  </button>
</div>