Search.vue 635 B

1234567891011121314151617
  1. <template>
  2. <div class="hidden lg:block lg:max-w-md lg:flex-auto">
  3. <button
  4. type="button"
  5. class="hidden h-8 w-full items-center gap-2 rounded-full bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20 lg:flex focus:[&:not(:focus-visible)]:outline-none">
  6. <IconsSearch class="h-5 w-5 stroke-current"/>
  7. Find Something...
  8. </button>
  9. </div>
  10. </template>
  11. <script setup>
  12. /**
  13. * Need to integrate with Algolia!!
  14. */
  15. </script>