alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import { resolve } from "$app/paths";
3 import Search from "$icon/search";
4 import Input from "../ui/Input.svelte";
5
6 interface Props {
7 class?: string;
8 }
9
10 let { class: className = "" }: Props = $props();
11
12 const appPath = (path: string) => resolve(path as "/");
13</script>
14
15<form action={appPath("/search")} method="GET" class={`relative hidden md:block ${className}`}>
16 <label class="sr-only" for="topbar-search">Search</label>
17 <Input
18 id="topbar-search"
19 name="q"
20 type="search"
21 placeholder="Search"
22 iconLeft={Search}
23 class="h-8 w-80 gap-1.5 px-2 py-0"
24 />
25</form>